奇舞周刊162期

## 奇舞推荐 * ### [Sinon 指南: 使用 Mocks, Spies 和 Stubs 编写 JavaScript 测试](http://www.zcfy.cc/article/422) Sinon 指南，单元测试入门必备。 奇舞推荐 测试 JavaScriptloveky推荐 * ### [3 种不同的原型继承： ES6+ 版本](http://www.zcfy.cc/article/425) 一旦你开始考虑不用 class 创建对象，继承采用原型，通过级联和 stamp 组合对象，你将会惊叹于 JavaScript 对象系统竟能变得如此简单、功能强大和灵活。 奇舞推荐 JavaScriptakira推荐 * ### [成为一个好的译者：我的翻译心得](https://www.h5jun.com/post/to-be-a-good-translator.html) 我已经在众成翻译上翻译了 17 篇文章了，通过翻译文章，我学到了很多东西，收获有些出乎我的意料，我将这些整理出来分享给大家，相信这些会对大家有所帮助。欢迎更多优秀译者加入众成翻译，让世界读懂中国前端。 奇舞推荐 翻译 成长月影推荐 ## CSS * ### [PostCSS 深入学习：创建自己的插件](http://www.zcfy.cc/article/173) 在这个教程里你将学习如何开发一个基本的 PostCSS 插件。 CSS PostCSSbingguo推荐 * ### [我们的最佳实践正在扼杀移动 web 性能](http://www.zcfy.cc/article/430) 我们一贯奉行的 web 最佳实践，是不是可以照搬到移动 web 上呢？这篇文章将会用实际案例给出解答。 JavaScript CSS 性能huangxiaolu推荐 * ### [CSS Modules 用法教程](http://www.ruanyifeng.com/blog/2016/06/css_modules.html) 本文介绍的 CSS Modules 不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和模块依赖，这恰恰是网页组件最急需的功能。 CSS 前端工程 教程 ## JavaScript * ### [利用控制台 API 调试 Web 应用](http://www.zcfy.cc/article/391) 本文中作者给我们介绍了控制台 API 提供的主要功能，并逐一介绍如何使用它们。 JavaScript 调试loveky推荐 * ### [说说 Javascript 的 Date](https://github.com/lishengzxc/bblog/issues/5) 说说 Javascript Date 对象的一些细节，原来日期函数还能这样玩。 JavaScript Datelishengzxc推荐 * ### [静态类型：精粹](http://www.zcfy.cc/article/442) TypeScript 使用了结构化类型系统而不是名义化类型。它给我们提供了描述数据类型的方法，而不用以牺牲灵活性、互操作性与可扩展性为代价。 JavaScript TypeScriptshawndai06推荐 ## 其它 * ### [每个单元测试必须回答的 5 个问题](http://www.zcfy.cc/article/423) 写好单元测试却没有捷径。 测试 单元测试akira推荐 * ### [基于用户行为的图片等资源预加载](http://www.zhangxinxu.com/wordpress/2016/06/image-preload-based-on-user-behavior/) 懒加载和预加载是不同的。那如何让用户体验达到最佳，需要我们不断在性能和体验之间找出更好地解决策略。 优化