TypeScript

项目背景：为商家开发一套商用的商城小程序以及管理后台 项目职责：作为项目 owner 从 0 到 1 参与选型，承担部分产品管理职责，对接需求开发。 使用微信开发者工具开发小程序并对接后台 使用Next.js+ React.js + Zustand + Material-UI+Tailwind css构建后台项目， 使用Node.js+MySQL作为后端框架开发API端点，将项目部署到阿里云服务器上 项目难点：引入 eslint+prettier+相关插件 统一代码风格及规范，提升代码可读性 采用图片懒加载、前端缓存，防抖节流等技术手段优化前端性能和用户体验减少服 务器请求、加快页面加载速度。 设计数据结构和hooks实现管理员可以准确灵活配置配色和尺寸以及价格 用Zustand实现状态监听实时传递和更新页面数据 通过下拉菜单、复选框、输入框等方式进行属性选择和关键字搜索快速定位 使用yup和异常捕获技术，确保前端上传数据格式和代码逻辑准确性； 使用JWT进行token的验证，以及bcrypt进行密码哈希处理做到后台安全 配置域名，https,七牛云服务器和阿里云服务器进行项目部署

项目由自己从0到1开发，一个人维护，是一个集基金的募集，投资，管理，退出共18个流程的管理系统。 1、使用vue+Vuex对基金数据信息与状态管理，实现对外投资业务的流程监管。 2、使用element-ui前端组件库，根据业务需求，结合sass脚本语言，实现一键换肤功能。 3、使用vue-print-nb，通过axios调用系统披露及外部系统填报数据，实现数据导出与打印。 4、对接企查查获取企业预警数据，通过echarts做数据可视化处理，做到企业风险动态的及时预警

该项目是对工业自动化中的 AGV 设备进行同一管理的系统、包含 AGV 设备的任务下发、设备运行状态、设备运行日 志等系统，该项目使用 Vue3、TypeScript、Ant Design、logicFlow、CodeMirror 等技术进行开发 责任描述： 1. 负责了各个流程图节点表单的开发内容 2. 负责对复杂 JSON5 数据格式进行转换，将 JSON5 数据转换为表格数据 3. 开发了流程图设计器中循环、并行的节点、重构了节点布局编排的算法

• 负责前端页面的整体布局和设计，确保页面美观且符合用户体验。 • 使用vue3和typescript进行页面开发，实现响应式布局和动态数据渲染。 • 与后端团队紧密合作，完成接口对接和数据交互。 • 处理大列表展示时，优化页面页面响应，减少用户等待时间。 • 学员观看视频实时上报进度，解决浏览器优化问题，造成的settimeout精度丢失。 • 使用懒加载技术，优化图片加载速度，减少用户等待时间。 • 使用CDN加速静态资源的加载，提高页面响应速度。 • 对代码进行精简和优化，减少不必要的渲染和计算。

（独立开发） 系统使用引擎 cocoscreator3.8.1，采用 typescript 语言进行开发。 《猫耳娘》是一款横板跳台游戏，玩家通过操控小猫通过各种障碍物；通过手指按住屏幕的时间长短来控制小猫的跳跃距离躲避障碍物。地刺分为普通地刺和有刺出剑的地刺，合理选择时机越过；还有冰层，小猫跳到冰层上会滑动，也要选择时机跳过，还有一些藤曼的攻击，天上每隔一端时间会飞过一个小鸟，投递的物品降落在地面会生长出花朵，尽量获取它，可以在后续遭遇障碍时，回到上一次跳跃的地点。 【包括功能】： 排行榜，可以看到与自己一起玩过的好友战绩，效果如图所示： 操作指南：介绍游戏玩法 游戏设置界面：音乐，音效，屏幕震动的开启和关闭设置 数据配置：游戏每个关卡采用数据配置，通过编写的工具来生成。

技术栈：react+nextjs+tailwindcss 具备较好的适应性和审美风格 使用前端缓存和web和react性能提升手段优化前端性能， 优化用户体验，解决三方平台的硬性时间造成的较差体验问题，完成支付流程时间从9秒到2秒左右的提升

小程序海外业务线，包括toG的公共服务版块，B端的广告业务/公众号，C端电商及小游戏版块的项目研发与规划。 图片因为数据敏感，为少量项目示例，工作中包含各种项目，后台管理，SSR项目，Hybird混合开发，官网，组件库等等各类型并作为前端架构指导开发

根据figma设计图完成页面开发，页面布局 主要技术react next ts tailwind等 使用tailwind完成响应式页面，完美适配pc和移动端

项目介绍：该项目是为某市公安局做的沙盘预案演示项目，其主体是用三维引擎cesium做的三维地图。其主要功能是可 以让用户通过在地图上面添加各种标绘和配置标绘的流程显示，从而实现预案的功能。 本人负责：预案界面开发和cesium三维地图开发，主要负责三维地图的功能和交互开发，包括模型标绘、点标绘、线标绘和面标绘，相机的漫游，业务数据的撒点显示等。涉及技术Vuejs、cesiumjs、animejs

1.对园区管理中的区域管理设备等，使用element中的插件实现了表格、分页、搜索、等功能的数据联动。 2.通过使用element中的Drawer实现添加数据 3.使用xlsx实现的把数据导入到页面中 3.使用xmlns实现了数据的导出效果 4.使用tree实现商城管理的商品的二级分类。 5.6.使使用token实现用户登录，通过动态路由，登陆完成后，后端返回的数据匹配路由。 用vite进行对象的构建和打包，提高项目的开发效果和性能优化。 7.对事件使用了防抖节流，减少了性能优化。 8.使用RBAC技术实现了对进行的权限划分。 9.使用 Animate.css 动画库，使用组件切换的动画效果 10.使用Promise进行二次封装Axios请求，包括请求拦截、处理响应、响应状态码、请求超时、错误处理等 11.使用vue-virtual-acroll-list组件对大量商品数据进行了处理实现虚拟列表。

项目主要有 订桌模块：创建订桌 拼桌模块：加入其他人的订桌 沟通模块：和其他用户或者管理员交流 支付模块：订桌成功后付款

这个平台是我们公司做给北京科贸的一套后台管理系统 主要功能就是增删改查 导入导出 因为这个平台是基于 之前做过一个用户使用的科贸平台 之前的数据都是人去维护的 后来决定开发这个平台 我在其中参与两大模块 党建乐园 和 党建之窗 其中 党建之窗有七个菜单是我这边完成的。

金融机构的服务管理后台。采用react redux umi antd nextjs echarts。 有全面的数据视图，漏洞等级等显示。 补丁 证书等完整后台系统。

运营业务数据查看，游戏结算管理, 为运营和财务提供支持，并通过自适应和响应式布局进行移动端适配 完成角色信息模块开发，包括角色信息查询， 订单查询， 展示查询到的数据 完成账单结算模块, 将数据转换成 excle 并导出成 excle 文件 使用 echart 通过去展示业务数据， 帮助运营人员分享数据

自己的小博客，目前还在完善中，大概框架完成了3成？ 博客展示端主要为tailwind next react 博客后台管理端为vite react antd 后端是用的go语言的gin，和gorm

背景： 根据设计部门的规范，统一业务小程序体系下的UI视觉体验。业务之间通用组件的复用，以及结合小程序功能。提升业务开发效率及规范，降低复杂业务重复利用成本。 方案：调研规划常用组件，制订实现计划及目标。使用pnpm+monorepo的项目工程管理，在vite体系下使用vue3 + ts的技术栈建设组件库，提供主题切换，国际化，自动导入resolver，打包工具插件等 成果： 提供基础组件10+，业务组件20+。业务覆盖率90%，提升业务开发速度，提供大量的变量，节约在UI样式调节上消耗的时间，基础图表相比第三方在体积上大幅减小。

1：项目为实时协同类休闲游戏，包含语音聊天，国际化，文字聊天等, 消息协同使用websocket, 语音聊天使用webrtc，canvas进行场景绘制。 2：设计多场景消息类型数据，涉及房间信息，游戏信息，绘画笔迹，游戏事件，状态检测等以应对各种场景，性能通过离屏canvas，及隐藏分层处理静态/同态,坐标定位等场景. 处理的典型问题： 1：网络波动/上下线场景下，检测用户状态并同步拉取最新状态进行更新绘制。 2：不同设备下，接受者场景视角不一致及帧率不同问题。 3：canvas精灵对象坐标及事件系统，性能优化等。 成果： 1：YouDraw刚推出，没有广告宣传情况下，获得5K+日活，日新增300+玩家。 2：谷歌商城上架app版本YouDraw(大陆不上架)，下载1k+, 获得一致好评。 3：youtube玩家推荐休闲游戏: https://www.youtube.com/watch?v=U9xBcbsRpD8&t=11s

纯前端实现了持续扫码能力，并且可以同时扫描多张二维码，而开源的JS扫码SDK没有支持多码的扫描。 可以尝试使用： https://l-rocket.github.io

封装集团AI数据团队的语音识别结果，适用于本部门开发课中互动时使用； 解决互动播放出现一帧黑屏的问题，后续项目也有用到此办法； 封装了课中暂停和播放能力，解决了辅导老师因讲解知识点而错过线上课程的问题。 负责课中所有的互动和上课整体流程、辅导教师端。

1. 浏览器扩展程序，安装后，可对当前用户浏览的任意网页进行文字突出显示和内容批注。 2. 使用浏览器本地数据库实现，没有服务器，用户突出显示数据会被缓存在本地，下次打开时读取数据库并加载出来。