陈材华

修改图片资源文件不随版本发布，但和打包输出的目录一致都是/dist/images/目录

pkg.version就是版本号

修改： output: { path: __dirname + "/dist/" , filename: "bundle_" +pkg.version+ (build_realse ? ".min.js" : ".js") } 和图片loader test: /.(png|jpg|svg|gif|eot|woff|ttf)$/, loader: 'file-loader?name=[path][hash:8].[ext]' 然后生成的资源css和JS会随主版本，图片资源如果没有修改，就不会生成新的资源文件。

谢谢指出，已改

前端团队很少有科班出身的，位运算符效率不见得会有太高的性能，优势非常不明显，出发是高强度的算法需要，否则还是不要有位运算；它会造成代码的苦涩难懂，不利于后续的维护

手机端不适用GIF图的原因是：1.可以用css3动画来代替，css3动画只出发页面复合，性能更好，2 gif动画都在手机端显示不流畅，不能使用GPU加速，会造成页面重排，严重影响页面性能

css 一行主要是引入component css的和css module的概念，方便直观的感受css module，写成多行的话，无法直观界定，一个module的样式，可能会有100行，甚至N行，但采用一行的方式，一般一个module的css ，估计最多也就50行。当然借助webpack来做CSS module 完全没有必要写成一行，也没必要自我约束的css module方式

> CSS的选择器的排列结构和属性的顺序有什么讲究吗? 1.对于这个我个人不太关注，曾几何时流行过把css样式分离成多个文件，排版布局css+ 颜色css+... 2.个人认为没有太大的必要来强制约束这些定义，css的解析速度不取决于你的样式代码编写的前后顺序，至少没有明确的浏览器引擎说这方面的问题。 3. 基于单行css方式，建议把position，float,width,height,margin,padding元素的属性放在前列，把其他属性放在后面。 4. css3由于有严重的私有特性，建议换行编写，也就是分2行排列

今天无意中发现，直接设置为直接数值的时候，在给增加一个setTimeout就能正常显示动画了； 想来这个应该是js的单线程执行采用单函数为界限有关了；调用$(window).width()正好起到了切换执行函数的作用

来自星星的你，今天才2016/3/31