技术栈：vue、vuex、vuerouter等。 负责模块：讯飞语记内嵌web页面包括，用户商城、使用协议、会员页面、活动页面、帮助中心等。 其中节日活动页面使用webpack搭建的多页面project。其他页面为前后端不分离项目。使用jsp,vue等技术，包括一些原生js。 商城页面需要显示商品列表，用户金币，商城活动、支付等。 节日活动页面上线未出现过问题。商城、会员等页面正常使用，bug少。

蜂鸟大屏，用于展示公司或第三方平台可视化数据。 技术栈：react、Bizchart、G2、webpack、mobx、ts 包括京东大屏、鹿城大屏、蜂鸟大屏等。 完美复现设计图，flex自适应布局。 对接第三方数据，保证数据显示。 封装组件，列如：循环滚动，可实时添加数据，支持横向纵向滚动，自定义滚动元素等。 完成地图功能，点位聚合，人员轨迹，网格框选等。 优化摄像头点位树结构，减少大屏卡顿问题。 根据后台配置信息和用户权限管理大屏页面模块。 目前三个大屏完美适配用户屏幕，体验流畅，bug少。

蜂鸟系统是一套基于形体识别技术的智能化视频分析应用系统。 系统无需改造已建前端设备，通过形体识别技术实现非结构化视频数据分析，部署实时算力，按需调配，并支持回溯分析、全域检索、轨迹生成，实现形体找人，弥补现有人脸和结构化系统的局限。 职责： 全域检索、预案等页面开发，封装树组件。 地图摄像头点位聚合、围栏、框选等； 单点登录。 umi-request封装、请求拦截、响应对返回状态的统一处理。 原grpc-web接口ts类型缺失，编译.proto文件导出对应的ts类型，减少接口类型定义时间。 构建 将第三方包如react、lodash、dayjs等打包为amd格式，减少构建时间。 将包管理工具又yarn换成pnpm提高安全性。 使用.npmrc文件配置npm私服包源，解决私服无法下载其它包问题。 完成前端脚手架。 使用pnpm搭建monorepo项目。分为两个子项目，分别封装webpack、vite通用配置如路径别名等。 利用cac包配置命令行参数，包括设置 被合并的外部配置文件名、host、port、是否移除console、开启性能分析、esbuild压缩等选项。 读取外部文件，并合并到当前配置，根据外部配置文件返回值决定使用合并方式。 配置css module，解决类名冲突。减少使用自定义类名命名空间带来的开发工作量。优化css module类名。 添加前端项目模板，集成项目配置，为团队成员提供高效的开发起点，节约项目开发时间。 优化 减少相同接口重复发送；针对context导致的渲染问题使用useMemo缓存组件jsx，减少刷新次数； 记录树组件当前展开节点，只对展开节点进行计算，减少计算量； webapck优化、组件大小优 化、缓存、懒加载、空闲时间加载等、防抖、节流、骨架屏...