奇舞周刊167期

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