TypeScript

1. 项目介绍 本项目面向园区管理人员，解决园区管理自动化和效率提升问题。通过信息化平台，提供大屏数据可视化（展示能源消耗等）、租户管理、物业管理、报修、财务账单、设备管理等功能，支持对园区企业和设备的综合管理与规划。 2. 项目亮点 • 使用ECharts实现数据可视化 • 多角色页面访问权限控制 • 封装高阶组件，实现按钮级权限控制 • 使用懒加载、useMemo、React.memo等优化性能 • 独立封装Excel导出插件，支持跨页数据选择 • 实现列表缓存，灵活调整缓存时机 • 封装复用组件及自定义Hooks，提升开发效率 • 独立部署并配置Nginx解决路由刷新404 • 多次使用递归、闭包、高阶组件解决复杂问题 3. 项目难点 • 权限控制：通过菜单数据处理、递归判断和闭包结构解决权限管理和动态路由加载问题。 • 缓存控制：使用Redux存储列表数据并标记返回路径，实现数据保持不刷新，并兼顾直接访问详情页的逻辑。 • 数据导出：全局封装XLSX插件，支持跨页勾选导出Excel，优化表格数据处理体验。

项目为微信电商小程序，主要方向为本地生活类商品。 项目除包含标准商城模块外，还有团长分销模块，任务模块，秒杀模块和活动模块。 技术架构上，小程序端使用Taro， 对应后台管理系统使用React，支持小程序首页通过拖拽实现首页定制化展示。

1. 方案面向对象及解决的问题 • 污水处理厂运营商：主要包括污水处理厂的管理人员、运营技术人员以及维护人员。 • 政府及环保机构：需要监测和监管污水处理厂的运行情况，确保其符合环境保护法规。 • 设备供应商：需要实时了解设备的运行状态和性能，提供高效的维护和支持。 • 科研机构：需要进行污水处理技术研究及优化，利用真实数据进行模拟和分析。 解决的问题： • 设备监控和维护：实时监测污水处理设备的运行状态，提前发现并处理故障，减少设备停机时间。 • 运营效率提升：通过数据分析优化运营策略，提高污水处理效率，降低能耗和运营成本。 • 环境合规：确保污水处理过程符合环保标准，实时监控排放物的质量，减少环境污染风险。 • 数据驱动决策：提供全面的数据支持，帮助管理层做出更明智的决策，提高整体管理水平。 2. 方案特点 相比市场上常规的污水处理监控方案，本数字孪生方案具有以下特点： • 实时数据绑定与可视化：通过物联网技术将污水处理厂的各类设备信号（如流量计、压力计、温度传感器等）实时绑定到数字孪生模型中，提供实时的设备状态和操作数据可视化展示。 • 高精度仿真：利用先进的

项目主要是网上约车平台的首页，有中英双语 首页有约车功能，有选择出发点和终点，约车时间，车型选择等流程 还有服务介绍、车型介绍、app下载、关于我们和帮助等模块 在项目中负责整体项目的前端框架搭建，技术选型，并独立开发所有模块 由于ui方面切图不专业，许多需要适配各种屏幕的展示效果使用svg实现 在选择约车流程中，返回上一层流程需要显示已填写信息，做本地持久化处理，并在合适时机释放缓存

本项目采用Vue3框架，复写了网易云音乐的web网页，主要内容： 1、使用多级路由导航，使用pinia状态管理，使用defineProps实现父子组件通信； 2、使用Fetch API获取网易云音乐的随机歌曲以作调试； 3、数据动态生成，但目前皆来源于网易云音乐站点。

功能模块：1、登录、注册；2、在线听音乐；3、发布、浏览文章；4、浏览相册及图片；5、浏览说说及评论功能；6、发布留言；

《跨浏览器收藏夹》是一个方便的在线工具，允许用户在不同的浏览器和设备之间同步和管理收藏夹。通过这个工具，用户可以将自己喜欢的网页链接保存到一个统一的收藏夹中，并在任何浏览器或设备上访问这些收藏的网页。 1. 跨浏览器同步：用户可以在不同的浏览器（如Chrome、Firefox、Safari等）上安装插件或应用程序，实现收藏夹的同步。 2. 多设备同步：用户可以在不同的设备（如电脑、手机、平板）上使用该工具，实现收藏夹的跨设备同步。 3. 分类管理：用户可以根据自己的需求对收藏的网页进行分类管理，方便查找和浏览。 4. 快速搜索：工具通常提供快速搜索功能，帮助用户快速找到需要的收藏网页。

1、本方案用于制作室内360度漫游展示，用户拍摄全景照片后上传到平台，即可制作出无缝切换的室内穿越漫游效果，用于房产展示、展厅、旅游等领域 2、传统的全景漫游系统，只是简单的图片间渐变切换，效果比较生硬，本方案通过照片三维建模，能实现类似行走的漫游效果，使场景展示更具沉浸感。 3、方案采用javascript+WEBGL开发

1、项目使用element-ui，sortablejs，qrcode，echarts，jspdf，vuedraggable等进行项目的页面逻辑开发 2、主要开发模块包括产品管理，客户管理，风控管理，渠道管理，机构管理，报表管理，系统设置，数据看板等

1.此项目为后管理系统，主要包括系统管理、平台管理、商户管理、公告管理、信息管理等模块组成 2.用于帮助企业管理商户及用户基本信息录入及变更、查看商户和用户不同时期的数据表格和可视化图表，可以清晰查看一段时间内的商户和用户数量走势图 3.对菜单设有权限，不同级别的管理人员会展示对应的菜单，以保证数据安全

本项目为上一家公司的企业级BI项目： 主要功能模块包括：数据源、数据集、仪表板、大屏、监控预警、数据报表 项目角色：Owner(从0到1完整实现全流程，包括数据源建库建表、数据集数据加工、可视化看板分析、大屏可视化以及数据报表相关展示) 技术栈：React18 + Antd4 + Vite + Mobx + Axios + TS

休闲小游戏demo 使用的是js 以及ts 有涉及本地存储数据 有一些简单的塔防战斗功能 游戏主体为钓鱼 钓鱼的qte功能

1.该系统面向国网，南网以及下属生态电站使用 2.该系统可通过系统智能管控相关信号的查看以及调整，可查看该电站一段时间以来的各项数据，方便进行电站系统化管理 3.该系统采用前后端分离，前端采用React框架为基础，后端为Java开发，根据现场需求完成页面的修改

整个网站完全自己从0到1搭建开发， 完成电池回收、订单信息填写、回收上门、线上支付、售后服务等功能 本人兼职前端和测试，以及bug修改

• 针对大量数据场景，对看板模块进行了优化，引入了虚拟列表以减少⻚面卡顿，降低内存占用。同 时，对字段组件进行了封装，并提取出公用逻辑为自定义
hooks，以提高代码的重用性和可维护 性。。 • 开发了一个符合设计⻛格的
React
前端组件库，包括基础组件和专为业务场景设计的定制组件。
• 负责集成⻜书、钉钉、企业微信等第三方平台的
SDK，并对其鉴权流程和
jsApi
进行抽象封装。这 一工作大大简化了后期对第三方平台接入的维护和使用，提高了接入效率和开发效率。 • 负责解决多人协作数据（权限、字段、记录）同步的问题，引入
MQTT
技术。通过
MQTT，实现了 对不同类型的推送数据进行实时派发，从而实现了项目数据的实时更新

1. 项目分为收益分析、客户管理、数据管理、复盘管理、电量分配智能决策、用户申报电量管理、中长期交易分析等模块 我负责电量分配智能决策、用户申报电量管理、合约管理等模块 2. 技术栈：Typescript + React + React-Router + Webpack，组件库使用Antd4，数据管理层面使用了Redux-Toolkit。 3. 其中数据管理中的天气预报页面是个人认为比较有的特色的，主要使用echarts来实现

背景： 1. 由于保密协议的关系，前公司的项目代码无法开源或公开，无法展示自己的相关作品。 2. 该小作品主要是实现一个微信小程序，内容主要是模仿boss微信小程序，使用taro3.x框架，用mobx做状态管理，数据与表现渲染分离。 3. 该作品从10月中开始到现在，从刚开始的项目搭建，到现在已经具备一定的雏型，项目代码也托管到github上面了，有兴趣的可以看看。 项目情况： ● 功能介绍：模仿boss的app应用。目前完成的功能包括职位列表，本地栏目，消息栏目，还有我的栏目，以及职位详情页面。 ● 技术栈： 1. 主要技术栈使用 react + typescript 2. 框架使用 taro3.x 3. UI框架使用 taro-ui 4. 状态管理使用 Mobx

使用vite+vue3+ts完成前端框架搭建 独立完成项目管理及项目开发，做前端优化、配合后端开发完成项目部署上线 独立负责项目维护迭代

项目介绍： 闪投科技主要做抖音头部主播授权，通过抖音切片、绿幕直播等实现带货业务。 公司相关产品主要实现了抖音授权认证，实时抓取认证账号的直播数据，通过数据大屏、以及折线图、柱状图、区域图等形式实现GMV统计、实时订单统计、群组管理、实时排名等业务 主要职责： 1.独立负责闪投后台管理系统，实现数据大屏、数据图表、菜单权限、角色管理等功能开发， 运用技术：vue3、element-plus、typescript、vite、dataV、echarts 2.独立负责闪投小程序的开发及发布工作，实现数据图表、海报分享、微信登录、支付等功能， 运用技术：uniapp、uview、scss、ucharts图表、canvas海报

项目由本人进行全栈开发，具体功能模块包括 1.首页模块：展示餐厅的基本信息、推荐菜品、促销活动等内容，让用户第一眼就能了解到餐厅的特色和优势。 2.菜单模块：展示餐厅的菜品信息，包括分类、菜品图片、名称、价格、简介等，用户可以在菜单中浏览并选择自己喜欢的菜品。 3.购物车模块：显示用户已经选择的菜品及其数量，用户可以在购物车中进行增加、减少、删除菜品等操作，以及查看订单总价。 4.订单模块：用户可以在此模块查看自己已经下单的订单信息，包括订单状态、订单编号、下单时间、取餐时间等，还可以进行订单支付、取消订单等操作。 5.个人中心模块：展示用户的个人信息，包括头像、昵称、联系方式等，用户可以在个人中心中查看自己的订单历史、优惠券、积分等信息，还可以进行个人信息的修改和设置。 6.搜索模块：提供搜索功能，用户可以根据关键词搜索菜品，方便快速找到想要的菜品。 7.支付模块：提供多种支付方式，包括微信支付、支付宝等，用户可以选择适合自己的支付方式进行订单支付。 8.评价模块：用户可以在此模块对自己的就餐体验进行评价和反馈，提供宝贵意见和建议