奇舞周刊116期
最后更新于：2022-04-01 05:19:47
## 奇舞推荐
* ### [[翻译]深入浅出ES6：Arrow Functions](http://frontend-zigu.com/Arrow-Function/)
ES6 In Depth最新文章！文章很详细地介绍了Arrow function的功能，以及由来，跟大多数文章不同，它从JavaScript的发展史来提出，令人印象深刻，很少再有类似的文章，介绍ES6中的Arrow特性比这个更详细的了。ES6 In Depth系列请戳--->[深入浅出ES6](http://www.infoq.com/cn/es6-in-depth/)
ES6 Arrow JavaScript 奇舞推荐詹德超推荐
* ### [[翻译] 使用Promise的正确姿势](http://fex.baidu.com/blog/2015/07/we-have-a-problem-with-promises/)
用Javascript的小伙伴们，是时候承认了，关于 Promise 我们一直存在着问题。并非说 Promise 本身有问题，而是你真的用对了吗？
JavaScript Promise 奇舞推荐娇龙推荐
* ### [JavaScript中的this陷阱的最全收集--没有之一](http://segmentfault.com/a/1190000002640298#articleHeader4)
相信做过JavaScript开发的人都遇到过不少this的陷阱，我自己本身也遇到过不少坑，但是如果非要给出一个系统的总结的话，还没有足够的底蕴。非常幸运的是，今天早上起来看《Hacker News》的时候，恰巧看到了一篇有关于JavaScript this的解析：all this。
JavaScript this function 奇舞推荐mx推荐
## 新技术
* ### [position: sticky 实现 iOS 6+ 下的粘性布局](http://hao.jser.com/archive/7970/)
position:sticky是属于W3C Editor’s Draft中的一个属性，目前仍是一个试验性的属性，并不是W3C推荐的标准。它之所以会出现，也是因为监听scroll事件来实现粘性布局使浏览器进入慢滚动的模式，这与浏览器想要通过硬件加速来提升滚动的体验是相悖的。
粘性布局 CSS 新技术王峰推荐
* ### [Material Design Lite: Google新出的 UI 框架](http://www.getmdl.io/)
Google自2014年发布 [Material Design](https://www.google.com/design/spec/material-design/introduction.html) 设计规范以来，得到了很多设计师追捧。现在它又针对前端开发者推出一套 UI 框架，包含了组件、布局、响应式和模版等。你可以把它看作一个高端版的Bootstrap。
框架 Material Design 新技术
* ### [原生CSS实现分页滚动](http://blog.gospodarets.com/css-scroll-snap/)
一页一页进行滚动的页面，不管是在手机上还是电脑上，大家肯定都已经见过很多啦。你相信这种效果可以用一行CSS实现吗？使用[最新的技术](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type)，还真是可以。
CSS 新技术
## 前端工程
* ### [前端组件化开发实践](http://tech.meituan.com/frontend-component-practice.html)
随着前端开发复杂度的日益提升，组件化开发应运而生。目前前端组件化的方案也有很多种，这篇文章介绍了美团前端团队在这方面做的三次尝试，非常值得大家参考。
JavaScript 前端工程 React
* ### [前端自动化测试探索](http://fex.baidu.com/blog/2015/07/front-end-test/)
一个项目最终会经过快速迭代走向以维护为主的状态，在合理的时机以合理的方式引入自动化测试能有效减少人工维护成本。文章通过对界面回归测试，功能测试，性能测试和页面特征检测四方面对前端自动化测试进行了介绍。
自动化 测试 前端工程娇龙推荐
## 其它
* ### [Angular.js 最强学习资源合集](http://blog.aijc.net/AngularLearing/)
AngularJS诞生以来迅速成为了Web开发领域的新宠。本文整理了一些非常有价值的AngularJS相关教程和资源，基础、示例、视频、方案、性能、组件、源码分析，无论你的AngularJS技能修炼到了哪一级，请相信，你想要的，本文统统都会给你。
Angularjs 资源合集
* ### [读《Web与原生：我们得承认失败》有感](http://www.maxzhang.com/2015/07/%E8%AF%BB%E3%80%8AWeb%E4%B8%8E%E5%8E%9F%E7%94%9F%EF%BC%9A%E6%88%91%E4%BB%AC%E5%BE%97%E6%89%BF%E8%AE%A4%E5%A4%B1%E8%B4%A5%E3%80%8B%E6%9C%89%E6%84%9F/)
我想告诉所有的产品：WebApp根本就不是NativeApp，请不要再拿Native来与Web比较，臣妾做不到啊~~~。
移动Web开发maxzhang推荐
* ### [团队协作工具Worktile技术架构揭秘](http://www.csdn.net/article/2015-07-01/2825100)
跨平台设计，原生客户端的体验，实时消息系统，稳定服务，Worktile是如何做到这几点的？这篇文章里一一作者为大家揭秘。