奇舞周刊166期

## 奇舞推荐 * ### [使用 JavaScript 进行运动检测](http://www.zcfy.cc/article/732) 作者使用了几个简单的API，数量不多的代码，在浏览器中实现了一个简单的运动检测程序。非常好玩的尝试。 奇舞推荐 JavaScriptloveky推荐 * ### [使用 NativeScript 和 Angular2 构建跨平台 APP](http://qianduan.guru/2016/07/03/create_cross_platform_app_with_nativescript_angular/) 相比于 ReactNative ，NativeScript 能够摆脱对原生代码的依赖，真正实现跨平台开发，非常适合小团队或个人开发者。这个教程可以帮助大家快速上手。 奇舞推荐 JavaScript 移动 Web 框架 前端工程 Angular 跨平台 * ### [如何 10 倍提高你的 Webpack 构建效率](http://eternalsky.me/ru-he-10-bei-ti-gao-ni-de-webpack-gou-jian-xiao-lu/) 文章从 webpack 构建的各个部分，给出了相应的优化策略，如果你的项目中能够将其完全贯彻起来，10 倍提速不是梦想。 奇舞推荐 webpack 效率wendy推荐 ## 教程 * ### [YAML 语言教程](http://www.ruanyifeng.com/blog/2016/07/yaml.html) 编程免不了要写配置文件，怎么写配置也是一门学问。YAML 是专门用来写配置文件的语言，非常简洁和强大。本文介绍 YAML 的语法，以 JS-YAML 的实现为例。 YAML JavaScript 教程 * ### [重新创建 Twitter 点赞动效](http://www.w3cplus.com/animation/recreating-the-twitter-heart-animation.html) 作者在 CodePen 上看到了一个 Twitter 心形点赞动画。在这个案例中使用的是 Sprites 图片。作者实现了不使用图片版本，对 CSS 动画感兴趣的同学也可以自己动手实现。 CSS 动画 教程 * ### [React 开发一款简单的赛车游戏](https://blog.coding.net/blog/react-simple-game) 文章为大家一步步讲解，如何用 React 写出一款纯 JavaScript + CSS 的小游戏。 React 教程 JavaScript CSS ## JavaScript * ### [【译】使用 ES6 来为异步函数记录执行时间](https://www.h5jun.com/post/timing-asynchronous-functions-in-javascript-es6.html) 本文作者实现了一个可重用的函数来处理 JavaScript 延时异步操作。 ES2015 JavaScript * ### [强迫症的模块化](http://efe.baidu.com/blog/an-obsessive-view-on-modularization/) 本文旨在简单介绍模块化的概念后，重点提出在日常模块化实施中应当被注意的几个点。值得一读。 模块化 JavaScript * ### [测试驱动开发：使用 Node.js 和 MongoDB 构建 Todo API](http://www.zcfy.cc/article/746) 学习如何使用测试驱动开发的方式，用 Node.js、MongoDB、Mocha 和 Sinon.js 开发 Todo API。 JavaScript NodeJSwemlin推荐 ## CSS * ### [CSS 的未来](http://www.zcfy.cc/article/297) CSS 未来的发展方向就是替换掉 SASS 等预处理语言，用原生的 CSS 的实现变量以及继承等功能，编写可复用低重复的样式表。本文主要讲了目前 CSS的 变量及 @apply 规则。 CSSbubble推荐 * ### [CSS 网格布局和定位网格项](http://www.zcfy.cc/article/772) CSS 的网格布局已经支持使用定位网格项 positioned item，本文主要介绍了定位网格项与普通网格项的区别及特性。 CSSbubble推荐 ## 其它 * ### [谷歌的代码管理](http://www.ruanyifeng.com/blog/2016/07/google-monolithic-source-repository.html) 谷歌和 Facebook 都只有一个代码仓库，全公司的代码都放在这个库里。为什么要这样做，不同语言的项目放在一个库有什么好处？ 代码管理 google facebook * ### [简单了解 HTML5 中的 Web Notification 桌面通知](http://www.zhangxinxu.com/wordpress/2016/07/know-html5-web-notification/) 在以前，我们的通知实现主要是使用定时器不断修改 document.title 的值。然而，这种提示有个致命的缺陷，就是用户的浏览器要一直是打开的。现在，Web Notification 就可以很好地解决上面的痛点。 HTML5