💻 技术栈
核心框架:React/Next.js | TypeScript | Twind CSS(原子化实践)
后端协作:Express | RESTful API设计 | MySQL性能优化
工程体系:Webpack/Vite | Docker | Jest/Cypress | GitLab CI/CD
特色能力:微前端架构 | 服务端渲染深度优化 | 高复杂度表单解决方案
技术亮点
Taro深度实践
开发动态插件系统,支持按需加载小程序分包,包体积缩减40%
实现Native混合渲染方案,复杂动画场景性能提升300%
工程化创新
设计Twind CSS主题联邦方案,支持百人团队协同开发零样式冲突
构建Next.js全链路压测工具,双十一期间系统零宕机
开源贡献
Taro核心贡献者(GitHub Stars 12k+),主导小程序生命周期优化方案
自研React状态管理库JState,NPM周下载量1.5k+
项目一:秒杀会场小程序重构(Taro + Twind CSS)
项目背景:
原秒杀会场H5加载缓慢(FPS≤30),需重构为高性能小程序支撑千万级流量。
技术实现:
- 基于Taro 3.x实现多端统一架构,iOS/Android代码复用率92%
- 采用Twind CSS原子化方案,动态生成商品卡片样式,CSS体积减少58%
- 研发「虚拟瀑布流+分时加载」方案,万级SKU列表滚动FPS≥55
- 实现动态AB测试系统,支持实时切换会场皮肤(30+主题方案)
核心成果:
- 首屏加载时间从2.8s优化至1.2s,大促期间承载峰值QPS 12万
项目二:智慧社区防疫管理系统(原生小程序 + Taro)
项目背景:
疫情期间为社区开发集健康码核验、物资预约、通知推送的一体化平台。
技术亮点:
- 自研「动态表单生成器」,支持30+种防疫信息模板配置(JSON Schema驱动)
- 实现WebSocket实时通信模块,核酸结果通知延迟<500ms
- 开发Taro跨端组件库,复用核心模块至H5管理后台(复用率85%)
- 采用Canvas绘制社区楼栋疫情热力图,支持10万+点位实时渲染
项目成果:
- 覆盖全国200+社区,日活用户峰值45万,获市级数字化抗疫表彰
- 核心页面渲染性能超竞品40%,内存占用降低65%
项目三:跨境电商直播导购小程序(Taro + Next.js)
项目背景:
为东南亚市场打造支持多语言、跨时区的直播带货平台。
技术创新:
- 基于Next.js ISR实现多语言静态页面生成,SEO流量提升170%
- 开发「直播弹幕虚拟化」组件,万级消息并发场景CPU占用<15%
- 设计商品3D预览模块,集成WebGL渲染引擎,加载速度提升300%
- 搭建Taro插件体系,动态加载支付/物流等业务模块(包体积缩减40%)
商业价值:
- 支持6国语言切换,上线3个月GMV突破$1200万
- 直播延迟优化至800ms内,获Google Play年度最佳体验应用
作品介绍: 功能定位:匿名社交平台,用户无需透露真实身份即可发表心情、获取情感支持。内容严格审核,禁止时政敏感信息,营造正能量社区 技术实现:基于微信云开发,使用云数据库存储用户数据、云函数处理逻辑(如用户登录、多表联查)、云调用内容安全接口过滤违规内容。前端采用原生小程序开
核心功能模块 多层级权限管理 角色划分:管理员(商品上架/审批)、采购员(提交订单)、财务(支付核销)、普通员工(仅查看/下单)。 数据隔离:按部门/分公司划分商品可见范围,支持独立预算管控。 商品与供应链管理 智能分类:支持SKU多维度标签(如办公耗材、员工福利、