- 15年
- 前端与产品交付经验
- 1k+
- 开源项目 GitHub Star
- 20+
- HybridStart 线上项目应用
- 500+
- Flow UI 支撑项目复用
Featured
精选作品
进行中独立产品设计与全栈实现
GitPortrait
AI 驱动的 GitHub 开发者画像与可分享卡片，将公开贡献数据转化为可传播的个人技术名片。
从数据采集、画像生成、AI 文案到分享卡片的完整闭环，展示 AI 时代个人工具产品的端到端交付能力。
- GitHub 公开数据分析
- AI 画像生成链路
- 可分享视觉卡片
查看作品
已归档开源方案作者
Vue Access Control
Vue 权限管理解决方案，采用动态路由实现访问控制，是较早一批围绕后台权限模型沉淀的前端架构实践。
将菜单、路由、角色与权限点统一到前端访问控制模型中，沉淀出可复用的后台系统权限方案。
- GitHub 1k+ Star
- vue-awesome 收录
- 动态路由权限模型
查看作品
已归档框架设计与工程化落地
HybridStart
基于 APICloud 的混合应用开发框架，覆盖模块化、离线包、热更新与常见移动端业务组件。
曾应用于 20+ 线上项目，把 H5、原生能力与 OTA 更新组织成稳定的混合应用交付体系。
- 20+ 线上项目应用
- 前端持久化与 OTA
- 移动端组件封装
查看作品
已归档UI 框架与组件体系设计
Flow UI
基于 SeaJS 和 jQuery 的前端 UI 框架，面向传统网站与后台系统的高频交互组件库。
面向外包交付场景沉淀组件库、开发规范与配套工具，曾支撑 500+ 线上项目复用。
- 500+ 线上项目复用
- 组件库与插件体系
- 交付规范沉淀
查看作品
已归档脚手架与研发规范设计
CuttingMat
为 Vue 项目和团队提供统一、规范的研发解决方案，解决前后端协作、页面组织与团队工程一致性问题。
将项目结构、接口协作、构建流程与团队约定收敛到脚手架，降低中大型 Vue 项目的启动和维护成本。
- Vue 工程化脚手架
- 前后端协作规范
- 团队研发流程沉淀
查看作品
已归档小程序组件作者
WeApp Dashboard
微信小程序动态指针仪表盘组件，用 Canvas 绘制可配置的仪表盘刻度、进度和动画状态。
面向小程序生态封装可复用图形组件，体现 Canvas 绘制、组件 API 设计与移动端性能控制能力。
- Canvas 动态绘制
- 小程序组件封装
- 可配置视觉状态
查看作品
Open Courses
我的公开课
Archive
更多开源与产品
代码实验与随笔
复利计算器
一个复利计算小工具，用来模拟年缴保费的支出情况。
静态页组件管理系统
前端组件的管理、编辑、预览、应用一体化方案。
录音示例
历史 Demo
前端人脸识别-提取-合成
纯前端的人脸识别应用，一次有趣的尝试
前端人脸识别示例
历史 Demo
贪吃蛇小游戏
突发奇想的一个贪吃蛇实现思路
星座配对·小程序
小程序上手项目，基本应用。
照片压缩&方向修正工具
一个 IOS 拍照方向修复工具，可以修复上传的 File 对象或 Image 节点。
AJAX-Cache·请求缓存插件
可能是市面上最好的 jQuery.ajax()缓存扩展插件。
HTML5 拖拽布局
基于 HTML5 拖拽 API 模拟 Window10 菜单拖拽效果
HTML5 文件编辑保存
基于 HTML5 File-API 实现本地文件的读取、编辑、保存。
Nodejs 爬虫 for cnBeta
尝试做一个爬虫，还是很好玩的。
videojs 视频打点插件
视频打点，支持动态更新，支持点击事件。
videojs 视频源切换插件
集成界面 UI 的视频源切换，实现清晰度选择、剧集选择等。
Vue-Giant-Tree
🌳 基于 ztree 封装的 Vue 树形组件，轻松实现海量数据的高性能渲染。
WEB-OTA·前端热更新
对本地缓存应用潜力的深度挖掘，效果惊艳。