用JavaScript寫Web瀏覽器不是夢

上周 Node.js 社區(qū)大神 TJ Holowaychuk 向 Node.js 告別了，轉(zhuǎn)投 Google 的 Go 語言了，也引發(fā)了知乎上 如何看待 TJ 宣布退出 Node.js 開發(fā)，轉(zhuǎn)向 Go？ 的大討論，看看大家都怎么說吧。

業(yè)界動態(tài)

• Ember.js – Ember 1.6.0 and 1.7 Beta Released
  • Ember 1.6.0 和 1.7 Beta 同時發(fā)布，最大的變化在于 1.6 版本是將代碼庫遷移至 ES 6 module 之后發(fā)布的第一個版本，然而由此帶來啟動負(fù)載開銷嚴(yán)重影響了性能，為了解決這個問題因而延期至今才發(fā)布。
• npm CLI roadmap: a periodic update
  • 想知道 npm 命令行工具接下來的路線規(guī)劃圖？API 化、依賴樹、windows 路徑支持、錯誤消息和報告、前端工具支持、搜索等將成為接下來的工作重心。

充電站

• Tips to Help You Level Up Your Sass
  • 這篇文章中介紹了使用 sass 中的一些實用技巧，如使用 index() 來替代一堆 if判斷、使用 @warn 輸出消息、使用 argList 處理可變參數(shù)、使用別名等。
• 5 Libraries and APIs for Manipulating HTML5 Audio
  • 這篇文章分享了 5 個用于操控 HTML5 音頻的工具庫，分別介紹了各自的特性和使用方法，并在最后介紹了關(guān)于 Web 音頻 API 的相關(guān)參考資料和瀏覽器支持情況。如果你對 Web 音頻 API 還不太了解，可以先從 Getting Started with Web Audio API 這里開始。
• Creating Particles in HTML5 Canvas
  • 這篇文章介紹了使用 canvas 來實現(xiàn)粒子動畫，從一個粒子開始到移動，再到物理特性、隨機(jī)粒子生成等，循序漸進(jìn)，相信讀完你也可以打造自己的粒子特效了！
• Debugging AngularJS Apps from the Console
  • AngularJS 強(qiáng)大的依賴注入和作用域管理是其亮點，但你知道如何在控制臺下來調(diào)試 AngularJS 應(yīng)用嗎？這篇來自 ionic 的博文介紹了通過控制臺調(diào)試工具訪問作用于、檢查作用域樹、獲取服務(wù)、訪問指令控制器等調(diào)試技巧，相信能幫到你！
• What to Expect form HTTP/2
  • HTTP/2 工作組的工作基本接近尾聲，工作組主席 Mark Nottingham 為我們帶來的這段演講介紹了 HTTP/2 將帶來的新特性，包括改善終端用戶的感知延遲、單 TCP 連接響應(yīng)多路請求、解決 Head-of-Line Blocking （線頭阻塞）問題等，值得期待！
• What Every Frontend Developer Should Know About Webpage Rendering
  • 這篇文章帶我們重新溫習(xí)一下 web 頁面渲染的流程和重排、重繪的基本概念，以及基于渲染機(jī)制的優(yōu)化實踐建議。
• Don’t Be Scared Of Functional Programming
  • JavaScript 這門動態(tài)語言中也繼承了函數(shù)式編程的一些特性，但你是否對函數(shù)式編程的概念和原則了解很清楚呢？這篇文章就基于 JavaScript 帶你深入淺出認(rèn)識函數(shù)式編程的世界。

百寶箱

• Breach – A browser for the HTML5 era
  • 完全使用 JavaScript 編寫出的瀏覽器終于問世啦！而且支持模塊化的搭建、可通過 API 進(jìn)行程序控制，是不是很有意思？趕緊來體驗下吧！
• CDNperf
  • 想知道目前一些支持托管 JavaScript 框架和庫的 CDN 的性能如何？這個網(wǎng)站可以讓你一目了然，而且他們還分享了開發(fā) CDNperf 的一些經(jīng)驗，記錄在CDNperf – Understand How CDNs Perform。
• CSS Shrink
  • CSS Shrink 是由來自 Facebook 的工程師 Stoyan Stefanov 開發(fā)的一個 CSS 壓縮工具，與像 yuicompressor 之類的基于正則匹配的 css 壓縮工具不同在于該工具是通過 AST（抽象語法樹）對 css 做代碼分析進(jìn)行更智能的壓縮，同時提供了基于 grunt 和 gulp 的插件。

附所有鏈接：

• Ember.js – Ember 1.6.0 and 1.7 Beta Released
  • http://emberjs.com/blog/2014/07/07/ember-1-6-0-and-ember-1-7-0-beta-released.html
• npm CLI roadmap: a periodic update
  • http://blog.npmjs.org/post/91303926460/npm-cli-roadmap-a-periodic-update
• Tips to Help You Level Up Your Sass
  • http://www.sitepoint.com/tips-help-level-up-sass/
• 5 Libraries and APIs for Manipulating HTML5 Audio
  • http://www.sitepoint.com/5-libraries-html5-audio-api/
• Getting Started with Web Audio API
  • http://www.html5rocks.com/en/tutorials/webaudio/intro/
• Creating Particles in HTML5 Canvas
  • http://modernweb.com/2014/06/25/creating-particles-in-html5-canvas/
• Debugging AngularJS Apps from the Console
  • http://ionicframework.com/blog/angularjs-console/
• What to Expect form HTTP/2
  • https://www.youtube.com/watch?v=OQ158bJPvx4
• Don’t Be Scared Of Functional Programming
  • http://www.smashingmagazine.com/2014/07/02/dont-be-scared-of-functional-programming/
• Breach – A browser for the HTML5 era
  • http://breach.cc/
• CDNperf
  • http://www.cdnperf.com/
• CDNperf – Understand How CDNs Perform
  • http://www.speedawarenessmonth.com/cdnperf-understand-how-cdns-perform/
• CSS Shrink
  • http://cssshrink.com/