## 奇舞推薦 * ### [純 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。