2026.01 — 2026.08
广州大白潮玩文化创意有限公司
前端开发工程师
- 独立承担短剧、漫剧、商城、活动 H5、运营中台及 loopshort 等 6 个项目的前端开发与维护，协调产品、设计及后端推进需求交付
- 沉淀跨项目复用的组件与工具函数，减少重复实现；按项目特点做打包分析、懒加载与缓存优化
- 主要交付：运营审核工作流、可配置表单、数据看板及移动端视频信息流
关于
About我的主力栈是 Vue 和 React，两边都有完整的长期项目经验，TypeScript 是默认选择。组件拆分、状态管理、复杂表单与业务流程，这些是十年里反复打磨的部分。
在 TNG Wallet 的近八年，我负责前端技术演进：Gulp 迁 Webpack 5、路由分包、qiankun 子应用拆分、TypeScript 全量落地，也封装过 JBridge SDK 统一 iOS / Android 的原生能力调用。
后端也写：Java（Spring Boot）、Node.js（Koa / Express）都有实践，接口实现和联调排障可以独立完成。日常深度使用 Cursor、Claude Code、Codex，还给团队搭过接口代码生成工具。
10年
前端开发经验
100万+
用户级金融产品
8年
TNG Wallet 技术演进
6个
并行项目交付
经历
Experience2017.10 — 2025.07
广州中步宝科技有限公司
前端开发工程师 · 承担 TNG Wallet 前端负责人职责
- 负责 TNG Wallet 前端技术演进与核心模块开发，持续支持支付、汇款、身份认证等业务迭代
- 推进工程迁移、模块拆分与业务组件沉淀，改善复杂应用的维护与交付流程
- 封装原生交互 SDK，与 iOS、Android 及后端团队统一交互协议、接口约定与错误处理
2016.11 — 2017.10
广州铭与道医疗科技有限公司
前端开发工程师
- 参与官网、康复系统及移动端产品开发，建立响应式布局规范
- 基于 Uniapp 实现移动端跨平台开发，使用 ECharts 完成医疗数据可视化
- 接入微信公众号能力，完成多端体验一致的产品交付
项目
Projects
01
前端负责人 · 2017.10 — 2025.07
TNG Wallet
香港电子支付钱包 · 百万级用户
面向香港及东南亚市场的电子钱包，涵盖跨境汇款、聚合支付、生活缴费与社交转账等业务，对资金安全与系统稳定性有很高要求。
- 长列表优化 — 社交转账好友列表在低端机型卡顿：把排序与搜索过滤移入 Web Worker，配合虚拟列表削减渲染节点与主线程计算，帧率回到稳定水平
- 工程演进 — 推进 Gulp 向 Webpack 5 迁移，结合路由分包、按需加载与 qiankun 子应用拆分，改善资源加载与模块发布方式
- 组件与类型治理 — TypeScript 迁移与接口数据校验，沉淀安全键盘、支付密码框、金额格式化等业务组件，配套单元测试与关键流程冒烟测试
- 跨端协作 — 封装 JBridge SDK 统一生物识别、扫码等原生能力调用，与后端协作完善接口约定与错误码处理
- Vue
- TypeScript
- Webpack 5
- qiankun
- Web Worker
- JSBridge
02
2022.01 — 2025.06
TNG EID 身份认证系统
金融开户 eKYC · 证件上传 / OCR / 活体检测
面向金融开户的身份认证系统，涉及证件上传、OCR、活体检测与人工复核流程。
- 使用 React 与 TypeScript 开发认证页面，通过状态机管理上传、识别、失败、复核等流程状态
- Canvas 实现证件图片压缩与裁剪，减少上传数据量；适配人脸引导框，改善认证交互体验
- 拆分复杂表单与公共交互组件，统一主题样式，支持业务持续迭代
- React
- TypeScript
- Canvas
- 状态机
03
2026.01 — 2026.08
短剧运营中台
内容审核 · 版权管理 · 播放数据分析
支持内容审核、版权管理与播放数据分析的运营系统。
- 实现基于角色的界面权限（RBAC）与多阶段审核工作流：初审、复审、终审、驳回状态流转
- JSON Schema + react-hook-form 构建可配置表单，减少重复表单开发
- react-window 优化大数据量列表，路由懒加载改善加载；ECharts 实现运营数据展示与下钻
- React
- react-window
- JSON Schema
- ECharts
- RBAC
04
2026.01 — 2026.08
loopshort 短剧内容平台
移动端短视频信息流 · PWA
基于 Vue 3、Vant 4 与 Vite 的移动端短剧内容平台。
- 实现短视频信息流、滑动播放与预加载，保障弱网下的浏览体验
- PWA 缓存与添加到桌面，处理移动端布局及 iOS 安全区适配
- 接入 Google AdSense 与 GA4，支持广告展示与用户行为分析；配置社交分享元信息
- AI 辅助开发 — 使用 Cursor、Claude Code 承担代码生成、检查、调试与功能验证
- Vue 3
- Vite
- Vant 4
- PWA
- AdSense / GA4
- AI 辅助
技能
Skills01框架与语言
- Vue 2 / 3
- React
- TypeScript
- 组件设计
- 状态管理
- 复杂表单
02工程化
- Webpack
- Vite
- qiankun
- 构建迁移
- 路由分包
- 组件库建设
- 代码规范
03性能优化
- 虚拟列表
- Web Worker
- 按需加载
- Canvas 图像处理
- 渲染 / 加载瓶颈定位
04跨端开发
- Hybrid H5
- 原生桥接 SDK
- 移动端适配
- 微信公众号
- Uniapp
05质量与协作
- Jest
- Playwright
- 接口类型约定
- Mock
- 代码评审
- 跨团队联调
06AI 辅助研发
- Cursor
- Claude Code
- Codex
- 需求拆解
- 问题定位
- 代码生成工具
07后端与全栈
- Java（Spring Boot）
- Node.js（Koa / Express）
- 接口实现
- 联调与排障
联系
Contact- 电话 150 1420 5202
- GitHub github.com/912187345
- 网站 yizhizhao.com.cn
- 坐标 广州 · 中国