前端作品

前端作品

一个前端工程师的 web 前端作品集，里面有我开发过程中的思考和尝试。如无特殊说明，以下项目全部为我个人开发。

我的课程

《Hybrid App 开发快速指南》

混合应用开发入门课程，将带领读者快速掌握 Hybrid App 开发能力，内容涵盖混合应用原理、混合应用开发基础、混合应用开发进阶、基于 APICloud 的混合应用开发最佳实践。

《基于 Vue 实现前端权限控制》

Vue 是目前最流行的前端框架之一，当我们用 Vue 开发系统类或任意类型拥有多角色的项目时，前端权限控制是绕不过去的基础功能，本场 Chat 中我将为大家分享一套做权限控制的方式方法。

个人项目

• 

  觅迹寻路

  觅迹，轻量级室内导航解决方案。应用于商超、景点、园区等区域寻路场景，结合使用场景可以扩展全局消息、商户消息等多样化营销功能。
• 

  宝贝成长助理（小程序）

  引用世界卫生组织儿童生长标准数据，测算宝宝的成长健康状态，预防婴幼儿肥胖，辅助调节宝宝喂养。

开源作品

• 

  CuttingMat

  为大中型前端项目/团队提供灵活、可靠、统一、规范的研发解决方案，助你的Vue项目一臂之力。
• 

  HybridStart

  基于APICloud的混合应用开发框架，可能是开发这类混合应用的最佳实践。
• 

  vue-access-control

  Vue权限管理解决方案，最早引入动态路由方案的权限框架。
• 

  vue-tree-chart

  Vue组织结构图组件，功能比较轻量，但架不住性能好啊。
• 

  weapp-plugin-dashboard

  微信小程序动态指针仪表盘组件。
• 

  Flow-UI

  Flow-UI 可能是jQuery技术栈中定制性最强，加载性能最优的UI框架，基于Seajs/jQuery构建。
• 

  Flow-CLI

  基于Nodejs/Gulp的前端自动化工具，Flow-UI专用。

代码随笔

• videojs 视频源切换插件

videojs-plugin-source-switcher: 集成界面 UI 的视频源切换，实现清晰度选择、剧集选择等。项目预览

• videojs 视频打点插件

videojs-plugin-marker: 视频打点，支持动态更新，支持点击事件。项目预览

• 静态页组件管理系统

前端组件的管理、编辑、预览、应用一体化方案。项目预览

• HTML5 拖拽布局

基于 HTML5 拖拽 API 模拟 Window10 菜单拖拽效果

• HTML5 文件编辑保存

基于 HTML5 File-API 实现本地文件的读取、编辑、保存。项目预览

• 贪吃蛇小游戏

突发奇想的一个贪吃蛇实现思路，然而实际上并没有什么特别

• 前端人脸识别-提取-合成

纯前端的人脸识别应用，一次有趣的尝试，虽然效果一言难尽项目预览

• 照片压缩&方向修正工具

一个 IOS 拍照方向修复工具，可以修复 File 对象，也可以修复 Image 节点，上传前修复 File 对象时，还可以顺便压缩图片尺寸.

• 星座配对·小程序

小程序上手项目，基本应用，没啥特别的

• Nodejs 爬虫 for cnBeta

尝试做一个爬虫，还是很好玩的

• WEB-OTA·前端热更新

对本地缓存应用潜力的深度挖掘，效果惊艳，不过使用场景有限

• AJAX-Cache·请求缓存插件

可能是市面上最好的 jQuery.ajax()缓存扩展插件，需要的人自然懂

• 复利计算器

一个复利计算小工具，用来模拟年缴保费的支出情况，衡量重疾险的保费扛杆，可以用来做保险产品的性价比横向比较

• Vue-Giant-Tree

🌳 巨树：基于 ztree 封装的 Vue 树形组件，轻松实现海量数据的高性能渲染。项目预览

前端工程师简历

想了解更多？参见《不入流前端工程师简历》