周财发

项目 开源贡献 技能 经历

高级前端开发工程师

TypeScript + Vue 3 前端专家 | 企业工程化建设 | 开源社区贡献者

前端开发 企业工程化 开源贡献者 AI 应用实践

核心优势

💻

前端工程化建设

主导 Spark 企业级脚手架开发，集成 ESLint、Prettier、Commitlint 等规范

🎯

开源生态贡献

开发并开源 10+ 实用工具，累计 700+ GitHub Stars

⚡

AI 应用实践

Spark 集成 AI 代码审查，支持多语言 effect 分析；TensorFlow 训练样稿识别模型

工作经历

作业帮

高级前端开发工程师

2023.02 - 至今
核心贡献：
  • •
    Spark 脚手架：主导企业级脚手架，集成 ESLint/Prettier/Commitlint 规范，AI 代码审查（Node.js/Java/Go effect 分析）、ship 一键部署、安全扫描，覆盖 20+ 项目
  • •
    PDF 打印优化：基于 html2canvas + jsPDF 实现分页/水印/中文字体支持，性能提升约 50%
  • •
    效率工具链：开源 vue-hook-optimizer（AST 分析 + MCP AI 集成）、unplugin-https-reverse-proxy 等 10+ 工具
  • •
    AI 辅助开发：基于内网 ChatGPT 开发 VSCode 扩展，推广 AI 代码审查与测试生成，输出《AI 辅助编程蓝皮书》
  • •
    自研编辑器：基于 PlanT 研发图片/Mention/虚拟光标模块，birpc 通讯机制简化跨端交互，shiki 懒加载优化启动性能
重点项目

帮帮知库 · 自研编辑器 · ODS V2（绩效系统）· IPS 消息中心

技术亮点

单测覆盖率 0% → 29% · 0 P0 事故

天真蓝

前端开发工程师 · 培训负责人

2018.07 - 2023.02
核心贡献：
  • •
    天真蓝助手（PS 插件）：ExtendScript 开发，适配 Chromium 43，TypeScript + Vue 2.7 构建，累计服务 1200+ 门店，使用 800W+ 次
  • •
    AI 样稿识别：Python + TensorFlow 训练，数据增强 + BatchNorm 优化，TF.js 浏览器端部署，准确率 99.96%
  • •
    团队建设：担任培训负责人，搭建新人培训体系，推广 Vue 3 至团队
  • •
    公众号系统：Vue 2.6 + Vant 前台，Element UI 后台，CI/CD 自动化部署，服务 50+ 门店
开源项目

autocut-client · vue-split-screen · ts-type-expand PR

GitHub徽章

Starstruck二级 · Pull Shark二级

小鲸鱼兼职

全栈开发工程师 · 独立开发者

2018.02 - 2018.04
项目成就：
  • •
    独立全栈：Python/Flask + MySQL + Memcached 后端，Vue.js 管理后台，uniapp 小程序，用户量 0 → 47W+
  • •
    全流程：需求确认、Adobe XD 设计、开发测试、阿里云部署运维

重点项目详解

🛠️

Spark企业级脚手架

覆盖20+项目 · 提升团队协同效率

  • • ESLint/Prettier/Commitlint 规范集成
  • • AI 代码审查（Node.js/Java/Go effect 分析）
  • • ship 一键部署 + 安全扫描功能
  • • 基于 Vite 构建，支持 Vue 3/TypeScript
  • • HTTP 客户端和 Telemetry 通用功能库
  • • Ecosystem-CI 感知下游破坏性变更
✏️

自研编辑器（基于PlanT）

富文本编辑器核心模块研发 · 跨端兼容

  • • 图片/Mention/虚拟光标模块研发
  • • birpc 通讯机制简化跨端交互
  • • shiki 懒加载优化编辑器启动性能
  • • Android/iOS 跨端兼容处理
  • • 复杂光标环境下的交互准确性
  • • 与 ODS 系统深度集成
📄

前端 PDF 导出性能优化

html2canvas + jsPDF · ODS 组织健康度报表导出

核心技术方案：
  • • 智能分页：计算 A4 高度，DFS 遍历 DOM 避免元素跨页裁切
  • • 超长文档：分次绘制 canvas 避免导出空白
  • • 中文字体：addFileToVFS + addFont 嵌入 TTF 字体文件
🎨

天真蓝助手（Photoshop插件）

累计使用800W+次 · 服务1200+门店设计师

  • • 适配 PS CC 2017（Chromium 43 内核）
  • • ExtendScript 与 PS 交互，封装 API
TypeScript Vue 2.7 ExtendScript

提供裁切、排版、去瑕疵等核心功能

🧠

AI样稿识别系统

独立训练深度学习模型 · 准确率99.96%

模型训练
  • • Python + TensorFlow
  • • 数据增强 + BatchNorm
  • • Colab 云端训练
模型部署
  • • TF.js 浏览器端
  • • 模型量化压缩
  • • 前端实时识别
业务价值
  • • 防止小样/成片混淆
  • • 减少客户投诉 95%
📱

小鲸鱼兼职平台

全栈独立开发 · 用户量18W+

Vue 2.7 Python 3.8 Flask uniapp

独立负责需求→设计→开发→部署全流程

  • • 小程序端：职位浏览、在线报名
  • • 商家后台：职位发布、报名审核
  • • Memcached 缓存，支持万级用户

开源贡献与工具开发

🔬

vue-hook-optimizer

114⭐

Vue/React 组件代码优化工具，深度分析代码结构

核心技术：Babel 解析 AST → 收集变量/函数依赖 → 构建关系图 → 生成优化建议

生态完整：VSCode 扩展 + ESLint 规则 + MCP 服务器（AI 智能分析）

识别能力：无效代码、无效链式调用、循环依赖、耦合度分析

AST MCP AI
🔧

unplugin-https-reverse-proxy

10⭐

开发环境反向代理，解决本地鉴权调试难题

核心技术：自动修改 hosts + DNS 刷新 + Caddy 反代 HTTPS

2.0 新功能：移动端调试支持，手机通过代理访问本地服务

一键配置：证书自动生成，域名映射，Cookie 复用

Caddy unplugin 移动端
autocut-client
340⭐

李沐老师 AutoCut 的 Electron 客户端

vue-scan
234⭐

Vue 组件更新可视化调试

unplugin-dingtalk
钉钉调试

支持 HTTPOnly Cookie 调试

vuex-typed
TS 类型

Vue 2 Vuex 完备类型支持

10+
开源工具
700+
GitHub Stars
20+
PR贡献
800W+
工具使用次数
贡献项目：UnoCSS · pnpm · ts-type-expand · RSSHub · Element 等 查看全部 70 个项目 →

技术栈

前端核心

TypeScript 95% Vue 3 85% Vite 90% 工程化/CI/CD 88% 脚手架开发 85% AST/Plugin 65%

前端扩展

Electron Vitest ExtendScript TF.js Webpack Rollup

Python生态

Flask TensorFlow 数据增强 Colab

基础设施

MySQL Linux/Nginx Docker GitHub Actions

🎓 教育背景

武汉科技大学

本科 · 软件工程 · 2013-2017

📞 联系方式

📱 17671650070 ✉️ zcf0508@live.com 🐙 github.com/zcf0508
💬 微信: zhoucaifa