奇舞周刊167期

奇舞推荐

• 等宽字体在 Web 布局中应用以及 CSS3 ch 单位

  带你熟悉 CSS 长度单位 ch 与等宽字体，轻松实现“正在加载中... ” loading 动画。

  奇舞推荐 CSS

• 更新 Node 模块的正确姿势

  作者结合工作中的一个实例，告诉你安全更新 Node 模块的正确姿势。

  JavaScript NodeJS 奇舞推荐poppinlp推荐

• TypeScript

  TypeScript 入门贴。告诉你 TypeScript 是什么，为什么要用；介绍了 TypeScript 一些特性；在 TypeScript 中开发 React 时的注意事项等。

  JavaScript TypeScript 奇舞推荐

CSS

• 雪碧图在缩放场景下的特殊处理

  需要对雪碧图进行缩放的工作场景下，探索出的三种解决方案。

  CSS

• 大型项目中的结构化 CSS

  CSS 的一些代码结构和命名等管理方案的摸索，值得关注。

  CSSdreamforker推荐

• 前端开发中的一些黑魔法 Part 1

  文章介绍了介绍了前端开发中的九个黑魔法,比如链接的嵌套、破裂图片美化、表格列高亮显示、内联文本背景颜色设置、响应式EDM等，这些黑魔法根据 @Vitaly Friedman 在今年3月份分享的的一个主题《Dirty Tricks From The Dark Corners Of Front-End》梳理出来的。点击访问 Part 2 。

  CSS

JavaScript

• ECMAScript 6 扫盲

  ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。

  JavaScript

• Immutable.js 初识

  Facebook 的 Immutable.js，创建不会被改变的数据，封装了诸多常用的数据操作函数，非常适用于函数式编程。

  性能 JavaScript

• 给 Service Worker 开后门

  几行代码告诉你，如何神不知鬼不觉地，使用 iframe 注册 Service Worker，实现网站资源预加载。

  JavaScriptwemlin推荐

其它

• WebP 支持：超出你想象

  WebP 的支持程度实际上比你想的可能要好得多。

  前端开发wemlin推荐

• 简单的三步提升你的 React Redux 代码

  完善 React Redux 代码的方式。通过举例，从组件角色分配到组件 state 的维持，都有着清晰的说明。

  React