About

Work Experience

• 高级前端工程师, Trajectry (前身为安永Fabernovel中国)

  May, 2023 - Present

  • 使用Taro、React、Weapp-tailwindcss和TypeScript架构并交付生产级的微信和企业微信小程序。

  • 设计并集成AI驱动的客户支持和多语言翻译服务到生产系统中。

  • 为全球奢侈品和高端品牌提供服务，包括佳士得、爱马仕、卡莉斯塔、梅西卡、宝嘉尔、宝格丽等。

• 前端负责人, 上海瑞杰印信息科技有限公司

  Sep, 2021 - Feb, 20231 year 5 months

  • 使用React、Fabric.js和Three.js设计并实现一个可定制的服装平台，具有实时2D/3D渲染功能。

  • 领导DIY服装应用和微信小程序的前端架构和交付，管理敏捷团队并建立CI/CD基础设施。

  • 开发了一个Node.js无头渲染服务，从用户设计生成可打印的高分辨率输出，实现离线导出而不受客户端渲染限制。

• 高级前端工程师, 上海孚盟软件有限公司

  Dec, 2020 - Sep, 20219 months

  • 将一个React Native应用重构为基于WebView的混合架构，实现iOS、Android和H5之间的共享代码库。

  • 领导一个由5名工程师（前端、iOS、Android）组成的跨职能团队，协调冲刺计划和技术决策。

• 前端工程师, 阳狮璞砺

  Apr, 2019 - Nov, 20201 year 8 months

  • 为华为、万豪和汽车品牌开发响应式活动网站和迷你网站。

  • 在分布式交付模型中与新加坡、日本和印度团队合作。

Projects Experience

• 佳士得微信小程序, 佳士得

  May, 2023 - Present

  为佳士得中国微信小程序提供持续的前端开发，交付新功能和平台增强。技术：Taro、React、TypeScript、Redux、WebSocket、Orval、pnpm工作区。

  • 采用Redux进行全局状态管理，建立复杂拍卖和账户工作流中的可预测数据流。

  • 设计一个WebSocket管理模块，处理双重并发连接（全局+本地），具有自动重连和会话恢复功能，以确保在线拍卖期间的可靠性。

  • 重构多账户模块，以支持在企业账户下切换授权子账户，具有每个账户的权限控制和隔离状态管理。

  • 构建一个可重用的UI组件库，灵感来自shadcn/ui，保持组件完全拥有并可按页面自定义。

  • 将代码库重构为pnpm工作区单体仓库，以支持LINE LIFF页面与微信小程序，提取共享组件、工具和类型到独立包中，在两个平台间重用。

  • 引入Orval自动生成完全类型化的API客户端代码，从后端的OpenAPI规范中生成，消除手动类型维护，并保持客户端与API在发布周期中的同步。

• 奢侈品牌小程序, Trajectry

  May, 2023 - Present

  为爱马仕、卡莉斯塔、梅西卡和宝嘉尔交付微信小程序项目，涵盖售后服务、电子商务、预约和产品展示。技术：Taro、React、TypeScript、微信小程序。

  • 构建一个完整的电子商务流程，具有持久的购物车状态、微信支付集成和多步骤（收钱吧）结账。

  • 通过WebSocket实现实时应用内聊天，具有消息排队、交付跟踪和自动重连功能。

  • 集成微信地图，支持基于地理位置的门店搜索、自定义标记和多个小程序的POI过滤。

• 蒙纳亚洲网站, 蒙纳

  May, 2023 - Present

  为中国大陆、台湾和韩国构建并本地化蒙纳亚洲网站。技术：Astro、TypeScript、Tailwind、Strapi、SSR、i18n、Node.js。

  • 架构一个可部署于中国大陆、台湾和韩国市场的单一Astro SSR代码库，具有特定区域的语言环境、路由和配置，由构建时环境变量驱动。

  • 集成Strapi作为无头CMS，提供特定区域的内容，具有动态网站地图生成和每个市场的完整SSR数据获取。

  • 维护跨三个区域网站的多环境部署管道（开发/预发布/用户验收测试/生产），通过基于分支的合并策略触发每个区域的CI/CD。

• Tootools小程序, Tootools

  Sep, 2021 - Feb, 20231 year 5 months

  具有实时2D编辑和3D预览的全功能微信小程序，用于定制服装设计，作为公司的核心产品。技术：React、Fabric.js、Three.js、Uniapp、Node.js。

  • 架构一个双渲染设计编辑器，具有图层管理、图案/字体/绘图工具和撤销/重做历史，构建在一个渲染抽象层上，将UI逻辑与Fabric.js和Three.js内部解耦。

  • 通过Three.js Decal Geometry将用户设计投影到glTF服装模型上，实现实时3D预览。

  • 构建基于Node.js的服务器端渲染工作流程，以导出高分辨率的可打印设计资产。

• Fumamx混合应用, Fumamx

  Dec, 2020 - Sep, 20219 months

  将一个React Native SaaS应用重建为混合架构，以改善用户体验并加速跨平台交付。技术：React Native、Vue.js、JS Bridge、iOS、Android。

  • 设计并实现一个双向JS桥，使用postMessage，启用WebView与本地iOS/Android层之间的结构化通信。

• DS汽车官方网站, DS汽车

  Apr, 2020 - Aug, 20204 months

  为DS汽车中国开发官方营销网站。技术：JavaScript、CSS动画、百度地图SDK。

  • 使用CSS和JavaScript构建高保真动画着陆页，具有滚动驱动和进入动画。

  • 集成百度地图SDK，具有自定义标记、聚类渲染和全国经销商的模糊搜索。

• IQOS EDM电子邮件模板, IQOS

  Apr, 2020 - May, 20201 month

  为IQOS营销活动交付一系列响应式EDM电子邮件模板，在亚太团队之间协调。技术：MJML、Gulp.js、Litmus。

  • 使用MJML构建响应式、跨客户端的电子邮件模板，通过Litmus在15个以上的电子邮件客户端中验证。

  • 使用基于Gulp的构建工作流程自动化电子邮件编译和资产内联。

• 华为活动迷你网站, 华为

  Aug, 2019 - Aug, 20201 year

  为华为活动开发多个互动营销迷你网站，专注于移动优先体验和地图集成。技术：React.js、Canvas、腾讯地图、微信JSSDK、Swiper.js。

  • 构建基于canvas的互动移动体验，具有手势控制和帧动画，以提高活动参与度。

  • 扩展Swiper.js，具有自定义卡片折叠和3D翻转过渡，以匹配设计规范。

• 万豪网站CN本地化, 万豪

  Apr, 2019 - Aug, 20194 months

  将万豪的全球网站适配中国市场，替换不支持的第三方服务并确保功能一致性。技术：JavaScript、百度地图SDK。

  • 使用百度地图SDK重新实现基于Google地图的酒店定位器，保留搜索、过滤和标记功能，以满足中国用户的需求。

  • 与印度开发团队合作

Skills

Education

Interests