最近做的好几个营销项目的页面都有比较多的动画，把 CSS3, DOM, Canvas 这几种方式都给实践了一下。期间也考虑着是不是能够产出一套方案来解决动画开发维护繁琐的问题，然后也算是落地了一些想法，这里记录一下。

加班加点忙到元旦前一天终于有空写点什么东西，原本打算记录一下年终项目的思考，然后发现没法理清思路动不了键盘。然后写下 PostCSS 相关好了，不会涉及具体 API 的使用，主要是“是什么”，“做什么”，“为什么”。

快十二月了，好冷啊。然后这个月做了很多琐碎的东西，新上手的内容还不够熟练又没有其他好玩的东西，简单写下过去两个月的流水账好了。

国庆的时候发现了一个小游戏，积分可以通过分享好友并点击链接获得，判定挺简单的样子。于是为了买到新皮肤，开始动手尝试。

之前爬代理 IP 的时候发现一些网站把端口号用验证码的形式显示，于是花了一个下午的时间瞄了一些识别验证码的东西，并用 Node.js 包装了一下，暂时叫 verify 好了

之前基于 Vue 的项目花了十个工作日不到的时间搞定了二期迭代，又发现了一些实用的东西，于是简单记录一下。

Vue 在今年有一种大杀特杀的感觉，有机会尝试了一下，然后记录一下使用过程的一些想法

六月份到现在利用空闲的时间尝试了挺多之前没有接触过的东西，总的来说挺充实的感觉。趁着加班一个月的项目刚上线， Lia 也在今天迭代了 v2.0.0，抽空理一下这段时间的流水账。

Hot Module Replacement (HMR) exchanges, adds, or removes modules while an application is running without a page reload.

HMR（模块热替换）带来了比 LiveReload 更加愉悦的开发体验，允许在不刷新页面的情况下更新改动的模块。这里的模块包括 JS, CSS, 图片等，部分模块如 HTML 如果不允许热替换则会触发页面刷新。如果是 React 开发的话，写一个下午代码可能也不需要刷新页面的说（当然 Redux 和 React-Router 要折腾一下先）。

去年十月份，为了在 Grunt 上快速合并精灵图，写了 img-sprite，允许基于 CSS 文件合并精灵图并更新样式。结果回到公司发现构建流程由 Grunt 迁移到了 FIS3，就把它丢一边了。

今年三月份，毕业设计使用 Webpack 作为构建工具的时候也想要 Auto Sprite 的功能，于是很粗糙地改造了 img-sprite 为 img-sprite-plugin，总算完成了任务。

然后到六月份的这段时间里，渐渐的发现 FIS3 自带的 fis-spriter-csssprites 不能够满足已有项目的需要，又有了重新写一个的冲动。

由于 img-sprite 无法适应到 FIS3 的编译流程中，干脆用 ES2015 重写，也就是 Emilia；此外，为了解决团队组帧动画的使用和 Canvas 一些使用场景上的痛点，又写了另一个模块 Lia，允许基于图片产出样式文件和精灵图。

于是，去年十月份考虑的 基于样式文件产出精灵图 和 基于图片资源产出精灵图 两种方式分别通过 Emilia 和 Lia 都实现了一遍，撒花撒花。