周财发 - 高级前端开发工程师

核心优势

💻

前端工程化建设

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

🎯

开源生态贡献

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

⚡

AI应用实践

Python+TensorFlow+TF.js实现样稿识别AI模型，准确率99.96%

工作经历

作业帮

高级前端开发工程师

2023.02 - 至今

核心贡献：

•
Spark脚手架：主导企业级脚手架，集成ESLint/Prettier/Commitlint规范，提供HTTP、Telemetry通用功能，Ecosystem-CI感知破坏性变更
•
PDF打印优化：基于html2canvas+jsPDF实现分页/水印/中文字体支持，性能提升约50%
•
效率工具链：开源vue-hook-optimizer（AST分析+MCP AI集成）、unplugin-https-reverse-proxy（Caddy移动端调试）等10+工具
•
AI辅助开发：基于内网ChatGPT开发vscode扩展，推广AI代码审查与测试生成

重点项目

帮帮知库（知识库）· ODS V2（绩效系统）· IPS消息中心

技术亮点

单测覆盖率0%→29% · 性能达标率92% · 0 P0事故

天真蓝

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

2018.07 - 2023.02

核心贡献：

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

开源项目

autocut-client · vue-split-screen · RssHub/Element PR

GitHub徽章

Starstruck二级 · Pull Shark二级

小鲸鱼兼职

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

2018.02 - 2018.04

项目成就：

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

重点项目详解

🛠️

Spark企业级脚手架

为团队提供高效的项目初始化和规范化开发环境

• ESLint/Prettier/Commitlint规范集成
• HTTP客户端和Telemetry通用功能库
• Ecosystem-CI感知下游破坏性变更

• 基于Vite构建，支持Vue 3/TypeScript
• 统一团队代码风格和开发流程
• 服务帮帮知库、ODS等核心项目

📄

前端PDF导出性能优化

html2canvas+jsPDF · ODS组织健康度报表导出 · 性能提升约50%

核心技术方案：

• DOM→图片：html2canvas比jsPDF.html()快50%，文件体积更小
• 智能分页：计算A4高度，DFS遍历DOM避免元素跨页裁切
• 超长文档：分次绘制canvas避免导出空白
• 中文字体：addFileToVFS+addFont嵌入TTF字体文件

🎨

天真蓝助手（Photoshop插件）

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

• 适配PS CC 2017（Chromium 43内核）
• ExtendScript与PS交互，封装API
• Babel转译处理兼容性

TypeScript Vue 2.7 ExtendScript

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

🧠

AI样稿识别系统

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

模型训练

• Python + TensorFlow
• 数据增强 + BatchNorm
• Colab云端训练

模型部署

• TF.js浏览器端
• 模型量化压缩
• 前端实时识别

业务价值

• 防止小样/成片混淆
• 减少客户投诉95%

📱

小鲸鱼兼职平台

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

Vue 2 Python 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类型

Vue2 Vuex完备类型支持

10+

开源工具

700+

GitHub Stars

20+

PR贡献

800W+

工具使用次数

贡献项目：unocss · pnpm · ts-type-expand · RssHub · Element 等查看全部70个项目 →

高级前端开发工程师

核心优势

前端工程化建设

开源生态贡献

AI应用实践

工作经历

作业帮

核心贡献：

重点项目

技术亮点

天真蓝

核心贡献：

开源项目

GitHub徽章

小鲸鱼兼职

项目成就：

重点项目详解

Spark企业级脚手架

前端PDF导出性能优化

核心技术方案：

天真蓝助手（Photoshop插件）

AI样稿识别系统

模型训练

模型部署

业务价值

小鲸鱼兼职平台

开源贡献与工具开发

vue-hook-optimizer

unplugin-https-reverse-proxy

autocut-client

vue-scan

unplugin-dingtalk

vuex-typed

技术栈

前端核心

前端扩展

Python生态

基础设施

🎓 教育背景

武汉科技大学

📞 联系方式