最新简历
投递材料
最新简历
刘俊宏
前端 / 全栈开发
- 手机16620048032
- 邮箱Leophen@foxmail.com
- 网站www.Leophen.cn
- 经验6年
- 所在地深圳
个人概述
- 工作情况：6 年前端 / 全栈开发经验，曾就职于影石Insta360、百度、腾讯、万兴科技
- 项目情况：覆盖大型 to C / to B 平台平台与全栈链路，包括 Web / 移动端 / 服务端 / AI 开发等
- 语言与框架：TS / JS / React / Vue / Next.js / qiankun / 小程序 / uni-app / H5 / React Native
- 工程化与质量：Webpack / Vite / Rollup / pnpm Monorepo / ESLint / Jest / Storybook / CI/CD
- 性能优化：Core Web Vitals（LCP / INP / CLS）/ 虚拟列表与懒渲染 / 代码分割与包体积治理
- 国际化与安全：i18n 多语言 / 多币种 / a11y / Cookie 安全 / XSS 与 CSRF 防护
- 服务端：Node.js / Koa / Express / MySQL / Redis / Nginx / BFF / SSR / 部署与 Linux 运维
- AI 开发：SSE 流式渲染 / Agent 工作流 / Prompt 工程 / MCP 与 AI 工具链生态 / RAG 知识库
工作经历
影石Insta360
前端开发
负责无人机品牌 Antigravity 全球电商与服务技术体系的 Web 前端与全栈研发：包括官网商城（React / Next.js）、电商运营后台、统一账号中心 SSO 与官网 SSR（Node / Express）、事务邮件工程（Node）、品牌组件库、移动端 H5 / App 跨端开发，覆盖 60+ 个国家/地区、9 种语言、11 种货币
技术栈：React、Next.js、TypeScript、MobX、Node.js、Express、React Native、Tailwind CSS
百度
前端开发
负责文心千帆大模型平台、文心千帆官方 SDK 的前端研发。其中平台侧负责数据管理与知识库模块、qiankun 微前端接入与低代码建模画布，服务企业客户的 AI 建模与推理接入；SDK 侧统一封装（对话、补全、流式推理、鉴权与限流的生产级封装），供浏览器与 Node 双端接入，主导立项与从 0 到 1 搭建。
技术栈：React、Vue、TypeScript、qiankun、Vite、ZRender、Rollup、Jest
腾讯云智服
前端开发
参与腾讯云智服（自研智能客服，日均处理量千万级）工单库、图表和推送配置台等模块的 Web 和小程序前端研发；参与腾讯 TEG T-CIS 通用组件库研发与文档站重构，为部门内多个团队提供前端基建支撑。
技术栈：React、TypeScript、Redux、styled-Components、Formik、Jest、Rollup、Docusaurus
万兴科技
前端开发
参与 Pixso 矢量设计云（对标 Figma 的国产在线协作设计工具）绘图面板开发与 C++ 渲染层接口对接，完成官网搭建与全局主题切换；完成亿图通用组件库文档及亿图动画库开发。
技术栈：Vue 3、Vuex、TypeScript、Canvas、SVG、ECharts
项目经历
Antigravity 无人机全球电商项目
影石Insta360
从零到一搭建的影石无人机全球化电商 C 端官网、商城与运营后台。包括首页、商品详情、交易链路、以旧换新、积分抵现、分销、活动等各核心模块开发，覆盖 60+个国家/地区、9 种语言、11种货币。
项目产出
- 交易链路：主导购买页配置化选购（SKU 组合、赠品、保修、以旧换新、活动价、分销折扣、多币种、可售状态）与结算状态机（地址与配送、税费计算、优惠券、积分抵现、赠品不计价）等核心业务开发
- 运营后台：覆盖商品中心、订单、优惠管理、积分中心、活动配置与 FAQ 等 10+ 业务域编辑配置
- 通用基建：沉淀数据埋点（Tracker 统一门控与分区上报）、业务组件、通用组件库及文档站搭建
技术栈：React、Next.js、TypeScript、MobX、Express、Umi 3、Ant Design Pro
统一账号中心 SSO 站点
影石Insta360
一个支撑全球用户登录态与官网出页的核心交易入口：SSO 横跨多个子域与 60+ 个地区配置，官网由 Express 承载服务端渲染，完成合规与登录态治理。
项目产出
- 统一账号中心：完成跨子域 Cookie 登录态、地区识别与跨境清登录的前端接入、Cookie 同意门控等
- 官网 Express SSR：并行数据编排 + 分级容错，多级缓存治理雪崩，配合请求级可观测定位慢链路
- 官网与中后台以父域 Cookie 为登录态权威，处理登录前后的购物车与本地状态合并
技术栈：Next.js（App Router / Pages Router）、TypeScript、Express
事务邮件工程
影石Insta360
一个面向电商交易链路的事务邮件系统，覆盖下单、发货、售后等各场景，用于解决多语言邮件模板缺乏工程化保障的问题，独立负责模板架构设计、多语言生成和邮件页面兼容到交付维护全流程。
项目产出
- 使用 FreeMarker 编写模板，条件判断、公共页头在模板中，相关数据由后端邮件发送服务填入
- 通过脚手架将同一模板生成包含九种语言的完整代码，交给后端按语言发送，避免九套代码手工同步
- 解决桌面邮箱的排版限制和兼容问题，包括不支持弹性布局、间距圆角切角丢失、图片被拦截等
技术栈：Node.js、FreeMarker、XHTML / VML
千帆官方 JS SDK
百度
一个面向 AI 开发的开源大模型 JS 工具链，把对话、补全、流式推理等能力统一封装，供浏览器与 Node 双端接入，主导立项以及从零到一搭建开发、跟进社区持续迭代发版。
项目产出
- 基于 Rollup 产出 ESM / CJS 双格式与浏览器 / Node 双端构建，并发布 npm 包，Jest 覆盖测试
- 完成 SSE 流式解析、QPS / RPM / TPM 三维限流、指数退避重试、AK/SK 签名与多模式鉴权等
- 凭证安全：浏览器端不落 AK/SK，配合 Express 代理在服务端换 token 转发，兼顾限流与审计
技术栈：Rollup、Node.js、TypeScript、Jest、SSE
千帆大模型平台
百度
一个 to B 的 ModelBuilder 一站式大模型开发平台，提供文心一言及第三方大模型、全套开发工具和环境，包括数据管理、知识库、模型编排与推理部署等功能，用于快速落地生成式 AI 应用。
项目产出
- 数据管理：完成数据集上传（Resumable.js 分片断点续传）、清洗标注开发，支撑大数据集稳定上传
- 知识库模块：完成切片管理开发，并基于 qiankun 完成微前端接入，解决多应用协同开发问题
- 低代码建模画布：基于 ZRender 二次封装 AIFlow，构建可视化建模画布（拖拽 / 连线 / 渲染）
技术栈：React、Vue、TypeScript、qiankun、Vite、ZRender、Resumable.js
T-CIS 组件库项目
腾讯
腾讯 TEG 客户服务部自研的通用前端组件库，支持动态主题定制，适配多业务场景与国际化开发需求，同时注重高性能、开发便捷性及浏览器兼容性，为部门内多个团队的业务系统提供稳定的技术基建支撑。
项目产出
- 重构 T-CIS 旧版组件库文档，基于 Docusaurus + Algolia，完成新版文档站的搭建及自动化更新发布
- 前后开发 20+ 个公共组件，并补齐各组件的测试用例及完善对应的 API 文档
- 实现颜色选择器组件，研究前景色自动适配技术并实现颜色动态调节功能
技术栈：React、Rollup、Babel、Jest、Docusaurus、Algolia
教育背景
开源实现
- Githubgithub.com/Leophen
- 个人博客www.Leophen.cn
- iDesign 组件库idesign.Leophen.cn