## 奇舞推薦 * ### [[翻譯]深入淺出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是如何做到這幾點的？這篇文章里一一作者為大家揭秘。