## 奇舞推荐 * ### [等宽字体在 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