最近在写fj-service-system的时候，遇到了一些问题。那就是我有些组件，比如Dialog、Message这样的组件，是引入三方组件库，比如element-ui这样的，还是自己实现一个？虽然它们有按需引入的功能，但是整体风格和我的整个系统不搭。于是就可以考虑自己手动实现这些简单的组件了。

最近在做的项目因为相对较大（打包有100多个chunk），在build构建的时候速度一直上不去，甚是烦恼。由于用的是vue-cli的webpack2模板，一开始并没有想着要对其进行优化，一直觉得是webpack本身慢+硬件慢（在开发机上开发，内存和CPU都不是很强力）的原因。后来慢到实在受不了了，转移到本地（i7+16G）开发的时候，发现生产构建居然需要90s，实在太长了。所以开始着手Webpack2构建优化。

简介

本文从一名新手的角度（默认对Vue有了解，对Koa或者Express有了解）出发，从0开始构建一个数据通过Koa提供API的形式获取，页面通过Vue渲染的完整的前端项目。可以了解到Vue构建单页面的一些知识以及前端路由的使用、Koa如何提供API接口，如何进行访问过滤（路由）、验证（JSON-WEB-TOKEN）以及Sequelize操作MySQL数据库的一些知识和技巧，希望能够作为一篇入门全栈开发的文章吧。

更新：文末给出的github仓库已经更新Koa2版本。请使用Node.js v7.6.0及以上版本体验~

本文翻译自Having fun with Html5 Canvas，感谢作者

本篇教程我们将会构建一个齿轮系统，用HTML canvas和JavaScript描述出来。

本教程适合刚学习JavaScript以及对齿轮系统只有最基本了解的读者。

终于又到了一年一度的春节啦。旧的一年的总结当然是要放在农历新年之前啦，这才是过年吧。

2016-12-20 WEEK143 浪潮

浪潮——————————————Die Welle

element-theme-default 语法解析

我fork了官方的仓库，方便进行二次开发：https://github.com/Molunerfinn/theme-default

element-theme-default提供的工具和文档只能通过修改element-variables.css这个文件进行一些局部样式调整，比如整体的颜色风格，一些长宽、边距、圆角尺寸等。如果需要进行定制、二次开发的话，单纯修改element-variables.css是不够的。还需要修改element-theme-default的源码。在查看element-theme-default源码的时候发现了一些有趣的东西。记录如下，方便二次开发。