1.微信小程序(xx) — 前端开发 — 2025.4 ~ 至今
技术栈:Taro、Vite、React、Zustand
本项目是基于 Taro 框架开发的多端兼容微信小程序,核心功能覆盖问卷设计、数据收集与智能分析。项目目标是为企业、学术机构及个人用户提供高效、安全的调研工具,支持复杂表单设计、实时数据统计、多角色协作及 SaaS 化部署。
负责整个项目搭建以及系统的架构,包括收集表单组件的加载渲染、事件绑定、动态属性以及在线加载远端组件
设计灵活的表单数据结构,实现复杂的表单校验逻辑与条件跳转机制,提升问卷灵活性与用户体验。
集成 zustand persist 实现全局状态管理与本地持久化,支持用户草稿保存、自动提交、表单缓存等功能。
性能优化方面,基于 taro 长列表渲染,支持 10,000+ 条数据流畅展示,内存占用降低 60%;打包方面利用 vite 的分包技术和 Taro 的按需加载优化首屏加载性能,启动时间从 5s 缩短至 1.2s,页面跳转流畅度稳定在 60FPS
2.Vue3 组件库 CSUI — 前端开发 — 2024.10 ~ 至今
技术栈:Pnpm、Monorepo、Vue3、Vite、Sass、TypeScript、VitePress
开发的组件有:图标、按钮、输入框、多选框、表单、树型控件、日历、上传控件、虚拟滚动列表
采用 pnpm + monorepo 的代码仓库管理方式,将文档、组件代码、样式及演练场统一整合到一个代码库中,实现高效的依赖共享与模块化开发,显著提升了协作效率和代码维护性。
基于 BEM 命名规范 + Sass 预处理器,通过变量、mixins 和函数等功能优化样式结构,确保组件样式清晰可维护,同时支持全局主题定制与样式扩展。
在开发树形组件中,采用节点懒加载技术按需动态加载子节点数据,结合虚拟列表优化渲染性能,大幅提升大数据量场景下的渲染性能
开发了基于虚拟滚动技术的高性能列表组件,支持动态高度计算、静态高度适配以及自定义展示组件,能够流畅处理海量数据,显著降低 DOM 元素数量和内存消耗
3.表单流程构建中心设计器 — 前端开发 — 2022.10 ~ 至今
技术栈:React、Nextjs、Mobx、Rsuite UI、Ant Design Mobie
表单流程构建中心设计器是一套基于 React 生态(Rsuite、 Mobx)的低代码表单设计器,通过编写一系列控件(输入框、下拉选项、表格、弹框等等控件)提供给内部设计各类表单并且发起表单填写,配合流程控制自动移交给不同部门传阅审批。
目前负责项目整体迭代与技术升级,完成从 Next.js 11 至 Next.js 15 的版本更新,同时通过 pnpm + monorepo 模式优化代码结构,将表单设计器、表单生成器及 bpmn.js 流程设计器拆分为独立项目,并借助微前端架构实现灵活集成,显著提升开发效率与模块复用性,降低系统耦合度。
主要负责日常新增表单控件需求的开发工作,列如按钮、弹框、iframe 控件的编写以及维护负责项目打包性能优化,基于 webapck 实现了整套代码分割,配合 chunk 分包加载,带来较大性能提升
负责项目打包性能优化,基于 webpack 实现了整套代码分割,配合 chunk 分包加载,带来较大性能提升
设计 KeepAlive 离屏缓存功能,实现表单属性数据在路由切换时保持数据、输入框维持编辑状态
设计 useLongPress、useTrackedEffect 等多个 Hooks,方便业务开发,提高了日常开发效率
负责 package.json 中部分框架和库进行升级和兼容,完成 80% 页面移动端适配以及换肤功能的实现