## 奇舞推薦 * ### [等寬字體在 Web 布局中應用以及 CSS3 ch 單位](http://www.zhangxinxu.com/wordpress/2016/07/monospaced-font-css3-ch-unit/) 帶你熟悉 CSS 長度單位 ch 與等寬字體，輕松實現“正在加載中... ” loading 動畫。 奇舞推薦?CSS * ### [更新 Node 模塊的正確姿勢](http://www.zcfy.cc/article/751) 作者結合工作中的一個實例，告訴你安全更新 Node 模塊的正確姿勢。 JavaScript?NodeJS?奇舞推薦poppinlp推薦 * ### [TypeScript](http://pinggod.com/2016/Typescript/) TypeScript 入門貼。告訴你 TypeScript 是什么，為什么要用；介紹了 TypeScript 一些特性；在 TypeScript 中開發 React 時的注意事項等。 JavaScript?TypeScript?奇舞推薦 ## CSS * ### [雪碧圖在縮放場景下的特殊處理](http://efe.baidu.com/blog/sprite-scale/) 需要對雪碧圖進行縮放的工作場景下，探索出的三種解決方案。 CSS * ### [大型項目中的結構化 CSS](http://www.zcfy.cc/article/785) CSS 的一些代碼結構和命名等管理方案的摸索，值得關注。 CSSdreamforker推薦 * ### [前端開發中的一些黑魔法 Part 1](http://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt1.html) 文章介紹了介紹了前端開發中的九個黑魔法,比如鏈接的嵌套、破裂圖片美化、表格列高亮顯示、內聯文本背景顏色設置、響應式EDM等，這些黑魔法根據?[@Vitaly Friedman](https://www.smashingmagazine.com/author/vitaly-friedman/)?在今年3月份分享的的一個主題[《Dirty Tricks From The Dark Corners Of Front-End》](https://www.smashingmagazine.com/2016/03/dirty-tricks-dark-corners-front-end-slides-pdf/)梳理出來的。點擊訪問?[Part 2?](http://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt2.html)。 CSS ## JavaScript * ### [ECMAScript 6 掃盲](http://www.barretlee.com/blog/2016/07/09/a-kickstarter-guide-to-writing-es6/) ECMAScript 6 目前基本成為業界標準，它的普及速度比 ES5 要快很多，主要原因是現代瀏覽器對 ES6 的支持相當迅速，尤其是 Chrome 和 Firefox 瀏覽器，已經支持 ES6 中絕大多數的特性。 JavaScript * ### [Immutable.js 初識](http://pinggod.com/2016/Immutable/) Facebook 的 Immutable.js，創建不會被改變的數據，封裝了諸多常用的數據操作函數，非常適用于函數式編程。 性能?JavaScript * ### [給 Service Worker 開后門](http://www.zcfy.cc/article/826) 幾行代碼告訴你，如何神不知鬼不覺地，使用 iframe 注冊 Service Worker，實現網站資源預加載。 JavaScriptwemlin推薦 ## 其它 * ### [WebP 支持：超出你想象](http://www.zcfy.cc/article/862) WebP 的支持程度實際上比你想的可能要好得多。 前端開發wemlin推薦 * ### [簡單的三步提升你的 React Redux 代碼](http://www.zcfy.cc/article/863) 完善 React Redux 代碼的方式。通過舉例，從組件角色分配到組件 state 的維持，都有著清晰的說明。 React