花了一个多月的时间捣鼓 webpack 的各种东西，终于把毕业设计搞出来了，看起来很糟糕的工作流程。然后就是拖了一个多月时间的总结咯，会记录 webpack 的使用以及自己对 webpack 和 FIS3 的一些想法，然后插件开发就留着下次好了。

之前也在用 Sass 和 Stylus，不过局限在嵌套、变量之类的简单使用，对其他特性敬而远之，觉得在写样式的过程中过多去考虑这一块会降低页面重构效率。直到最近项目中出现了大量 css 动画，一想到要重复调整关键帧和统一多个元素的入场动画太麻烦啦，于是决定试试 mixin，然后发现效率提高了不止一丢丢这么厉害。

从接触 WebGL，到入门 three.js，到各种修修改改，到活动上线，前后耗费了14个工作日。而后耗时3天又上了一个版本，整个十二月也就过去了。如果以后项目中没有用到这货估计也不会再接触了吧，安心搞自己乱七八糟的东西比较开心，写点东西纪念一下咯。

简单搬运和记录一下入门 three.js 之前做的一些准备好了，毕竟前后花了几天时间在熟悉这部分内容，包括图形学的一些基础概念。尽管使用 three.js 开发的时候这部分内容对于开发者又几乎是透明的，都是概念的东西_(:з」∠)_

只有158行代码的 observerjs 确实很吸引人，奔着如何观察复杂对象和数组的变化的目的啃了一遍源码，确实有收获

直接贴加了注释的源码~~

Wordpress 主题开发直接看着官方文档啃下来也是挺辛苦的，拖了三个月北京毕设半个月病假终于在跨过 NGG 的坑之后搞定了，撒花撒花

NextGEN Gallery is the most popular gallery plugin ever for WordPress. Enjoy fully responsive design, a dozen gallery styles, a stunning full screen lightbox, commenting and social sharing for images, ecommerce, proofing, and more.

简单来说就是一个图片管理工具，功能很强大，但也有点不和谐。我遇到的是直接在数据库删除了 ngg_ 三个表之后，无论如何重装插件，都没法重新建表的问题。在 这里 喵了一个早上没发现满意的答案，Cais 在这类问题下大部分回答是清理浏览器缓存，重新启用或重装插件，还有恢复站点备份（我摔）

Wordpress 版本 4.3.1-zh_CN
Nextgen Next 版本 2.1.15

下面是正文

喵了很久没有发现 Grunt 上有比较舒服的合并精灵图工具，于是有了自己写一个的想法，于是有了 img-sprite，于是有了 grunt-img-sprite

前言

大概有两种方法制作精灵图

1. 开发阶段，工具处理图片得到对应的.icon-class，再直接使用相应的 class、或者通过 css 预处理工具 mixin 即可。不具有入侵性
2. 构建阶段，工具处理 css 文件并在生成精灵图后将路径和大小替换回去，在原本 css 文件的基础上产出新的 css 文件

这段时间在搞 img-sprite 这个东西，然后需要缩小图片，然后发现 Jimp 的表现不理想，于是只能妥协使用 gm，然后一下子就掉坑里了弄了整个下午😢

火车上起得早，还有两个钟的时间回到广州。于是又想着是不是该写点什么，然后想到什么写什么好了。在北京待了两个多月的时间，学了一些东西，但也荒废了许多时间。简单遍历一下，差不多做了这么几件事情