奇舞周刊156期

## 奇舞推荐 * ### [纯 CSS 实现 Google Photos / 500px 照片列表布局](https://github.com/xieranmaya/blog/issues/4) 一般来说，要想把高宽比不同的图片进行整齐排列，需要借助 JavaScript 计算布局。作者使用纯 CSS 实现了相同的效果。本文思路值得借鉴，而且里面用到的一些 CSS 技巧也很不错。 奇舞推荐 CSS Flex 布局xieranmaya推荐 * ### [无线性能优化：Composite](http://taobaofed.org/blog/2016/04/25/performance-composite/) 浏览器中元素的渲染需要经过 Layout、Paint 和 Composite 几个阶段。本文详细讲了 Composite 的过程，并总结了一些性能优化建议。 奇舞推荐 性能 动画 CSS Node.js * ### [深入 Math.random()](http://pinggod.com/2016/Math-random/) 本文深入讲解了几种随机算法，并解释了为什么 V8 引擎中的 Math.random 函数是有瑕疵的。看完之后，你一定会对随机有更深的了解。 奇舞推荐 JavaScript ## JavaScript * ### [Chrome 中 scrollingElement 的变化](https://imququ.com/post/document-scrollingelement-in-chrome.html) 现在不同浏览器下的滚动元素有的是 body，有的是 html ，还跟页面模式有关。为了解决这种混乱，浏览器厂商提出了 document.scrollingElement。 浏览器 Chrome JavaScript * ### [Vue.js 2.0 预览版发布](http://jiongks.name/blog/announcing-vue-2/) 新版本更轻、更快，引入了 virtual-DOM 以支持服务器端渲染，并且也在探索在手机端使用 native 渲染。 框架 Vue.js JavaScript * ### [ES2015 中的生成器](http://qianduan.guru/2016/04/23/generator-es2015-in-action/) 生成器（Generator）可以说是在 ES2015 中最为强悍的一个新特性，因为生成器是涉及到 ECMAScript 引擎运行底层的特性，生成器可以实现一些从前无法想象的事情。 ES2015 JavaScript ## CSS * ### [改变 CSS 世界纵横规则的 writing-mode 属性](http://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/) writing-mode 这个CSS属性很少用到，但是用它却可以实现很多意想不到的效果！ CSS writing-mode * ### [使用 stylelint 检查 CSS](http://www.w3cplus.com/css/stylelint.html) 相信大多数团队也都有自己的 CSS 编码规范，如果没有工具去进行实时检查，在执行上很可能会遇到问题。 CSS 前端工程 工具 * ### [使用 PostCSS 进行 CSS 处理](http://www.ibm.com/developerworks/cn/web/1604-postcss-css/index.html) PostCSS 是目前流行的一个工具，它使用 JavaScript 代码来转换 CSS 中的样式。本文将对 PostCSS 及其常用插件进行详细的介绍。 CSS PostCSS ## 其它 * ### [细说 CA 和证书](http://www.barretlee.com/blog/2016/04/24/detail-about-ca-and-certs/) 证书是实现 HTTPS 通信的基础，本文详细介绍了不同种类的证书，以及证书的提供者 CA。