This site runs best with JavaScript enabled.

刘子洋

高级前端工程师 | 10年工作经验 | 1994/09 | 北京 | 211 本科
手机: 17010058035 | 邮箱: tcliuziyang@163.com | 个人博客: https://ubug.io/ | 项目集: https://app.ubug.io/

个人介绍

项目开发和落地经验
  • 10年前端开发经验,有从 0 到 1 搭建百万用户级产品核心开发经历,主导多个项目和产品的核心开发和落地流程;深度参与团队技术架构演进,具备完整的前端架构设计与工程化实践能力。
相关技能和框架
  • 熟悉 React、TypeScript、Node.js、Flutter、Vue 等前后端和跨端技术栈;熟悉 Webpack、Vite、Next.js 等构建框架的使用和工程化应用;熟悉业务项目搭建、组件库、脚手架等项目的推进落地;
  • 掌握CI/CD流程、DDD 领域驱动开发、日志链路排查、网络抓包、前端性能调优、构建优化等实际工程开发和高质量交付经验;熟悉 ESLint、Prettier、Husky、MR、CR 等规范和流程体系;
  • 熟悉团队敏捷开发流程和工程化体系搭建和落地,有小型团队管理经验;具有产品需求、原型设计/Figma/PS、跨端、前后端开发的全栈开发能力;常年一线的编程开发状态,日常 AI 辅助开发能力;
  • 业务方向:对社交/情侣、 AI 内容创作工作流、即时通讯、低代码、代码编辑器(WebIDE)、Flutter动态化、视频内容等业务方向有深入开发经验。

工作经历

北京我声我视科技有限公司 大前端开发负责人 2016~2026
  • 负责公司百万用户核心产品的前端应用和跨端应用核心开发,参与团队技术架构的持续演进和成长。推进大前端开发相关业务流程和新技术探索;
  • 2024-2026 大前端开发负责人:负责情侣软件产品的跨端架构迁移,深入技术层架构研发,支持 Flutter 动态发版和多层兜底的动态路由策略,完成短时间内实现产品开发上线的挑战;开发和维护多产品线的持续构建和交付能力,推动技术架构中台化;负责创新业务研发,实现 AI 内容工作流产品的探索和开发;
  • 2019-2024 大前端开发专家:负责新社交产品的跨端产品开发和体系建设,搭建承载百万用户级的端侧技术架构,梳理研发流程和持续构建方案以解决快速迭代交付,支持核心产品超过百万用户增长。同时管理大前端部门的团队建设、技术演进和跨部门协作;
  • 2018-2019 前端开发专家:深度参与多租户社交平台 H5 Web 页面体系搭建,负责公司前端工程体系建设落地,实现多业务多租户自动化构建和部署的产品场景;
  • 2016-2018 前端开发工程师:作为创业公司 3 号员工参与前端技术筹建,包括公司视频内容平台开发,负责视频社区开发、即时通信、视频播放器定制、富文本编辑器、大文件上传等项目。

项目经历

AI 内容生成工作流 - Tauri2 & React 2025.12~至今
  • 负责核心开发和提供商接入,利用拖拽画布能力编排 AI 生图、生视频、虚拟角色等流程,并对剧本拆解、场景、角色、故事板分镜、垫图等功能提供可视化操作,支持实现 AI 漫剧的素材输入到内容输出流程。已为 10 人+的团队内容生成提效,日产出超 1000 条内容;
  • 技术栈采用 Tauri2 + React + Vite,利用 Zustand、Dirzzle ORM、SQLite 等技术,实现节点拖拽编排、多任务队列、JSON 流式响应渲染、SQLite 数据变动订阅等技术能力;采用 Tailwind CSS、ShadcnUI 实现 UI 组件能力;
  • 技术架构上利用适配器模式实现十多家模型提供商接入,将接入时间从 3 小时缩短到 20 分钟;同时采用 Vercel AI SDK 封装 LLM 兼容层以实现 ReAct Agent 能力;
  • 同时深度优化性能策略,将大文件请求的内存放大问题降低 80%+,上百个节点和任务场景下的卡顿排查和优化。接入 Sentry 日志上报能力,实现开发到异常收集的闭环处理;封装开发脚手架实现自动构建打包和发布流程,满足 3 天一版的敏捷开发节奏交付数十个版本。
AiNi 情侣互动软件研发 - Flutter & React + Vue 2024~至今
  • 负责产品跨端架构迁移和业务开发,融合 H5、Flutter 和 Native 页面的业务开发模式,满足业务高效交付需求,在 2 个月的时间内完成 100+ 页面和组件的重构迁移;
  • 自研 Flutter 动态化方案 F3C,实现页面渲染和多层兜底的路由层架构,基于 Web 技术栈和 QuickJS 引擎,实现 Flutter 的热更新能力;配合实现端内 DevTool 能力,达到从本地 Web 开发到编译构建打包、再到字节码部署分发、端侧 Flutter 渲染的全流程交付能力,完成业务的快速 OTA 交付和高性能对齐;
  • 前端部分搭建基于 Rsbuild 的构建工程化体系,支持 Vue 业务页面的双端预览开发、页面配置提取与路由构建、JSBridge 和响应式数据层的设计和实现、页面 JS 字节码自动构建和部署下发等能力,实现完整工程化开发基建,支撑团队敏捷开发流程和业务上线需求;
  • 同时实现包括轻量级低代码 H5 能力,满足基础 H5 电子表白信的设计与 DIY 需求;实现情侣足迹功能,根据用户定位打点还原用户行动轨迹和地图交互;
  • 推动社交和情侣应用的技术架构分离和技术栈演进,维护多产品线的并行开发,实现团队业务中台化拆分。
同娱 社交同屏互动产品研发 - Flutter & React 2019~至今
  • 负责产品跨端业务开发,引入 Flutter + Hybrid 开发模式,显著提升产品开发效率。搭建并完善相关工程化体系,以支持持续构建和部署能力。目前产品经受超过百万用户生产环境验证;
  • 从零搭建 Flutter 项目架构,完成基于 Riverpod 的多模块数据层、基于 Dio 的网络层封装、通用滚动列表等业务组件库、多个底层大版本的升级和适配、图片滚动性能和内存优化、基于天地图的地图能力等底层业务和复杂交互;
  • 基于 webpack5 封装的 prebundle 预编译技术,将开发阶段全量编译时间从分钟级缩短到秒级;基于 Taro 封装 WebRTC 和 WebSocket 的 P2P 通信能力,实现跨应用 H5 的音视频聊天和互动游戏功能;
  • 开发实现 AI 自动图文推广素材生成工作流;基于 RBAC 模式搭建公司 CMS 内容与发布管理平台和数据看板。与团队协同推进业务中各个功能和界面的开发、优化和交付;
  • 从 0 开始深度参与公司技术体系演进以及多产品线的搭建;主导前端项目流程规范和工程化体系搭建;推动前后端分离与 BFF 层建设;基于 GitLab + Docker 搭建前端 CI/CD 流程,支撑团队持续敏捷开发;从前端开发到管理大前端部门的团队、技术演进和跨部门协作。
WebPad 在线编辑器 - React & TypeScript & Monaco Editor & Docker 2019~2020
  • 轻量级浏览器端编程 IDE 实现,基于 Monaco Editor 和后端 Docker 容器,实现的一个轻量级浏览器环境的代码编辑器;
  • 基于 LSP 协议实现了多语言编辑环境,通过 WS + JSON-RPC 连接层,实现代码补全、定义跳转等高级编程功能。适配 Textmate 主题解析引擎、接入 DirtyDiff 功能、接入终端、Git功能等插件和扩展能力;
  • 研发 React 状态管理工具 Novus,支持十多个扩展和插件的全局状态管理;
  • 将其中 9 个项目组件参加腾讯云 CloudStudio 插件比赛,获得 10 个分类中的 3 个第一优胜奖(DirtyDiff、GitGUI、宠物陪伴等)和 5 个前五优秀奖。

个人评价

  • 技术上聚焦 Web 和 Flutter 的大前端技术栈,有丰富的项目工程化经验和问题解决能力,技术面较广,有常年一线的上手开发经验。同时也有基础的产品设计和设计审美能力,熟悉产品全流程的落地实践。
  • 做事风格上目标导向,有较强的产品和用户思维,愿意探索和实践,对新技术很感兴趣,擅长快速 MVP 交付并持续迭代。带过小型团队,兼顾过基础的产品和用户需求工作,对团队协作和沟通非常熟悉。
qr
🔝

🐞 关于

有时间就会分享一些技术文章、专业内容、经典问题、系列功能等。

{⛔ 未标注内容均为原创,请勿转载 ©️}