奇舞周刊167期
最后更新于:2022-04-01 05:17:50
## 奇舞推荐
* ### [等宽字体在 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