个人资料

• 姓名：唐敦旺
• 性别：男
• 学历：全日制本科
• 工作年限：13 年（前端 9 年）
• 职位：前端开发工程师
• 手机/邮箱：13632122984 | tangdunwang@gmail.com
• GitHub/Blog: tangdw | Scott

专业技能

• 前端基础扎实（JS/TS、CSS3、HTML5），具备丰富 PC/H5 项目经验，可独立完成前端架构与交付
• 熟练掌握 React 及生态（zustand、react-query、antd、shadcn、dnd-kit 等），擅长 Tailwind CSS
• 熟练使用 Next.js，熟悉 SSR/SSG/ISR 混合渲染、性能优化、SEO 提升、WebSocket 通信，具备大型 Web3 数据网站经验
• 具备 PWA、TG、WebView 集成经验，熟悉 H5 与 App 混合开发、跨端适配及离线缓存方案
• 具备 Node.js BFF 层开发经验，熟悉 gRPC 接口聚合与转发、鉴权、防重放/防篡改等安全机制
• 具备大型项目重构经验（曾经主导 jQuery → Vue 和 Angular.js → React 的项目重构）
• 学习与解决问题能力强，熟练使用 AI 辅助编程（Cursor、Codex）提升效率，能快速适应新环境

工作经历

深圳希言信创科技有限公司 | 前端开发工程师 | 2024.05 - 2025.10

1. https://sosovalue.com - Web3 行情数据、新闻资讯、TokenBar 社区等综合性网站

• 基于 Next.js + Tailwind CSS，采用 SSR/SSG/ISR 混合渲染策略
• 负责 PC 端核心功能开发与性能优化，沉淀可复用组件
  • 用户积分任务系统：用户运营与推广的重要模块，针对任务上架、下架及规则定制依赖前端开发的问题，抽象了任务触发、校验、积分发放与提示的流程逻辑，封装 Twitter/TG 等特殊任务逻辑，实现 UI 与任务规则由管理后台配置，后续任务上下架及行为定制无需前端介入
  • 代币指数编制工具：复杂的多步骤流程表单，选用轻量化的 react-hook-form 实现表单流程；针对新用户上手成本高的问题，基于 react-joyride + focus-trap-react 开发新手引导组件，限制用户仅与目标元素交互，帮助用户在 5 分钟内完成并理解自定义指数创建；同时将核心逻辑内聚于组件、教学步骤配置化，便于复用于其他业务模块
  • ETF 页面配置化重构：将美/港多币种 ETF 多个页面重构为动态路由 + CMS 配置驱动方案，新增 ETF 页面无需前端介入，单次工作量由 2-3 天降至零
  • 收藏夹页面重构：整合收藏列表管理、币种行情、详情与新闻资讯，支持板块尺寸与布局自由调整；将新闻模块数据层与 UI 解耦，兼容 SSR/CSR，并抽离出弹窗组件，支持站内快速阅读，后续也复用于其他含新闻场景页面
  • WebSocket 推送优化：针对全站行情推送场景，设计单例 WebSocket 连接机制，统一处理心跳、断线重连与全局币种订阅管理，并封装自定义 hooks 实现增量订阅，避免页面切换时重复订阅，在保证数据实时性的同时优化性能开销
• SEO 优化：围绕抓取与收录持续优化，完成全站语义化路由改造、关键文案静态生成，列表到详情页链接治理；完善动态 meta 生成与 Open Graph 分享卡片配置，提升搜索收录与社交分享展示效果
• 技术栈：Next.js、TypeScript、WebSocket、MaterialUI、Tailwind CSS、zustand、react-query、dnd-kit、ECharts/Klinecharts

2. https://m.sosovalue.com - 手机端 H5

• 接入 next-pwa 实现 PWA，支持添加到主屏幕并以独立窗口运行；开发掉线提示组件、离线降级页面
• 完成 H5 页面接入 iOS/Android App，支持原生能力调用、数据同步与原生页面跳转
  • 基于端注入 API 封装支持 Promise 的通信层 hooks，统一 iOS/Android 调用协议
  • 封装适配 WebView 场景的 Link 组件，通过 URL Scheme 跳转原生页面
• AI 聊天助手多端集成：基于 Dify 官方模板搭建独立服务，支持 iOS/Android App、H5 与 PC 四端接入；App 端通过 WebView + JSBridge 对接原生能力，H5/PC 端通过 iframe + postMessage 实现主题同步与登录态共享

深圳市明源云客电子商务有限公司 | 前端开发工程师 | 2019.07 - 2024.03

业务中台组 | 2021 - 2024

1. 项目中心 - React 重构项目

• 独立负责从 Angular.js 到 React 的技术栈重构，配合后端微服务架构升级
• 核心功能开发
  • 车位平面图标注系统：实现图纸旋转、缩放、拖动，多选对齐、等距分布、撤销重做等复杂交互
  • AI 智能文案助手：集成 GPT API，实现流式对话，提升内容编辑效率
• 技术优化
  • 引入 React Query 提升数据管理效率，使用 Zustand 替代 Redux 简化状态管理
  • 开发 Node.js BFF 层：负责 gRPC 接口转发、聚合、鉴权、Excel 导入导出
• 技术栈：TypeScript + React + React Router + React Query + Zustand + Immer + Ant Design + Vite

2. 消息中心

• 技术栈同上
• 独立负责项目搭建、开发与部署，参与 DDD 领域驱动设计的事件风暴实践
• 参与组内 DDD 事件风暴，熟悉流程

3. 运营工具平台 - 微前端架构

• 基于 qiankun 微前端框架开发，接入公司微前端基座，为运营团队提供提效工具
• 独立负责项目搭建、开发与部署

4. 房产营销 h5 - 移动端营销工具

• 开发房贷计算器、提前还款计算器、购房资格测试等营销工具，支持小程序/App 内嵌
• 独立负责项目全流程，封装金融计算算法与调查问卷组件

5. 业务中台开放 API - Node.js 微服务

• gRPC 服务接口转发与聚合
• 封装企业级安全中间件：鉴权、防重放、防篡改等机制
• 技术栈：Node.js + Koa2 + routing-controllers + gRPC

6. 老旧项目维护

• 租户用户中心：React 技术栈，后台管理系统，负责用户权限与租户管理
• 支付收银台 h5：React 技术栈，对接银联/微信支付，支持小程序/App 内嵌
• 房源中心：维护 8 年历史单体仓库（jQuery + Angular.js），处理多业务组需求与历史代码维护

活动中心组 | 2019 - 2020

1. 活动营销 h5

• 独立负责 C 端活动营销项目从技术选型到部署上线的全流程
• 技术栈：TypeScript + React 及生态（antd-mobile、rematch、immer、react-move），脚手架采用 create-react-app 并配合公司内部 webpack 插件（获取部署域名与路径）
• BFF 层：基于 koa2 + routing-controllers 负责接口转发、聚合与用户认证
• 多种抽奖活动：大转盘、刮刮卡、砸金蛋、老虎机、九宫格等
• 难点：动画效果实现。基于轻量化与性能考虑，选择 react-move 实现数据驱动动画

广州棒谷网络科技有限公司 | 前端开发工程师 | 2017.03 - 2019.07

1. 跨境电商平台 https://m.yoins.com - Vue.js 重构项目

• 带领团队将 jQuery 旧项目重构为基于 Vue/Vuex/Vue Router 的单页面应用，并完成整体 UI 改版，提升用户体验与研发效率
• 主动推进项目进度，高效交付与上线；上线初期从旧站逐步引流，协助产品分析 GA 数据，持续优化 UI 与前端性能，转化率大幅提升后切入 100% 流量
• 制定开发规范与 Gitflow 工作流，建立团队协作标准
• 沉淀技术方案并推广至其他站点，例如 i18n、小语种域名设计、PWA、SW 缓存策略、SEO 优化与推广统计（FB、GA、联盟）

2. 协助优化移动端站点开发流程与前端性能 https://m.banggood.com

• 搭建基于 vue-cli3 的多页面开发架构，开发 Webpack 插件实现自动化处理，如模板处理、前端资源发布等

3. 企业级搜索管理平台

• 基于 Vue + Element UI 开发单页应用，实现单点登录与角色权限管理
• 设计配置化表格与表单组件，支持 JSON 配置快速开发
• 沉淀中后台项目模板，提升团队开发效率

4. 电商运营管理平台

• 基于 Vue + Element UI 单页面应用，支持多站点运营数据管理
• 表格与表单采用可配置化组件快速响应业务需求
• 实现动效、拖拽等交互优化，追求更好的用户体验

广州博盾信息技术有限公司 | 前端开发工程师 | 2016.04 - 2017.03

1. 运维管理系统

• 负责运维管理系统的开发与交付，主动与产品团队沟通需求，推动项目顺利完成
• 熟练掌握 Vue 及相关技术栈（vuex/vue-router），熟练运用 Element-UI 组件库

2012 - 2016 工业自动化工作，2016 年自学前端开发

教育经历

武汉大学珞珈学院 | 电气工程与自动化 | 本科 | 2008 - 2012

• 主要课程：电路、电机学、模拟电路、数字电路、C 语言程序设计、微机原理及汇编语言、单片机基础、PLC 程序设计、电力系统自动化、电力电子基础、matlab 仿真
• 获得英语四级、计算机二级证书
• 毕业设计：一次调频评价指标的研究及软件模拟仿真