TypeScript

1. 作为连接渠道 SDK 和游戏研发端的中间层，需要解决与我方服务端、安卓壳、渠道SDK和游戏研发之间的通信，支持接入不同渠道的 SDK 并将其方法封装成统一的一套方法供研发方接入，并提供使用文档 2. 项目使用 webpack 构建，基于 TypeScript + JQuery 开发 3. 主要模块为注册、登录、支付、埋点上报和悬浮球

1. 作为连接渠道 SDK 和游戏研发端的中间层，需要解决与我方服务端、安卓壳、渠道SDK和游戏研发之间的通信，支持接入不同渠道的 SDK 并将其方法封装成统一的一套方法供研发方接入，并提供使用文档 2. 项目使用 webpack 构建，基于 TypeScript + JQuery 开发 3. 主要模块为注册、登录、支付、埋点上报和悬浮球

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

个人负责整个前端开发，包含页面展示及动画。页面逻辑编写，与后台接口调试等。 同时还负责了此项目的后端管理系统开发

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

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

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

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

作为前端负责人；系统设计层面，采用了微服务架构，来保证系统的灵活性；开发使用了umi + antd(ProComponents) +echart + react + ts + tailwind ; 部署使用 jenkins+docker + k8s

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

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

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

字由是一款SAAS软件，依靠会员收入盈利。主要功能主要是字体授权以及更加方便用户使用字体。 基本功能有： 1，较好的字体分类，会员可以使用会员商用字体不用担心授权问题 2，激活/反激活字体，以及一键切换设计软件里面的字体 3，字体工具如AI识字，字体特效等增值服务

项目背景：为商家开发一套商用的商城小程序以及管理后台 项目职责：作为项目 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,七牛云服务器和阿里云服务器进行项目部署

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组件对大量商品数据进行了处理实现虚拟列表。

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

可以在微信小程序搜索“戴森球产线量化工具” 知名游戏戴森球计划（DSP）游戏内生产建设专用量化计算工具，全自动化生产线必备

该作品是一个服务于公司APP内的商家的后台管理系统，便于商家管理自己店铺的商品、查看商店基本信息、账户信息和销售信息，主要分为加盟店、供应商和系统管理这三大模块，我主要负责供应商模块的开发，其中主要用到了Vue3、vue-router、element-plus、pinia、qrcode、js-export-excel、wangeditor这些技术，实现了商品发布、商品分享、数据导出等功能。

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

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