第 6 集

本週集數

Ember 將 Glimmer 導入 Canary 版,Senongo Akpem 探索非線性的論述、網頁打破 2 MB 的限制,而 Firefox 38 問世;Chrome 有 Android 開發人員頻道;Firefox 也支援程式輔助複製/貼上功能。

王者之心

Ember 的全新轉譯引擎 Glimmer 已推出 Canary。受到 React 的虛擬 DOM 的啟發,Glimmer 只會嘗試不同的繫結,而非整個 DOM,藉此提升設計。該團隊表示,這大幅提升了 dbmonster 等基準測試的效能。請參閱這份指南,進一步瞭解如何改用 Glimmer 和 Ember 2.0。

http://emberjs.com/blog/2015/05/05/glimmer-merging.html

http://emberjs.com/blog/2015/05/10/run-up-to-two-oh.html

https://www.youtube.com/watch?v=o12-90Dm-Qs

追蹤的主題

讓我們來探討集體智慧的述說故事。Pixel Fable 專案的建立者 Senongo Akpem 說明瞭運用現代技術製作非線性故事的過程。他編排並展示幾個範例,包括一些額外的論述 (如 An Idea Lives On)、平行敘事 (在專案月球上主打的平行敘事) 以及由他的網站《失落的奈及利亞》所描繪的微故事。

https://www.youtube.com/watch?v=t7GGZwt5yVU

http://www.pixelfable.com/

http://anidealiveson.org/2014

http://unahistoriaquedalavuelta.com/en/

http://lostnigeria.com/air-travel/

解析策略

網站是否需要飲食?Scott Jehl 表示,平均網頁現在的體重超過 2 MB,其中 62% 來自圖片。像我的網站所見的成本一樣,這樣做可以為使用者帶來嚴重的收入。新標準 (例如圖片和 srcset) 可協助解決問題,但開發人員可自行決定是否採用這些標準。

https://twitter.com/scottjehl/status/595827049136267266

http://httparchive.org/interesting.php?a=All&l=Apr%2015%202015#bytesperpage

http://whatdoesmysitecost.com/test/150416_09_71875497c6009dd92716f8d9aa5f3af6

http://www.html5rocks.com/en/tutorials/responsive/picture-element/

https://www.chromestatus.com/metrics/feature/popularity#Picture

FIREFOX 38 已發行

Firefox 38 上週就穩定運作,並有許多改良功能。最值得注意的是,Mozilla Hacks 網誌中最引人注目的新版本包括圖片和 img srcset、Web worker 中的 Web socket、BroadcastChannel 將訊息發布到所有開啟的分頁,以及一些額外的開發人員工具。歡迎參閱 MDN 的相關開發人員版本資訊。

https://www.mozilla.org/en-US/firefox/38.0/releasenotes/

https://hacks.mozilla.org/2015/05/trainspotting-firefox-38/

http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API

https://developer.mozilla.org/en-US/Firefox/Releases/38

Android 開發人員

Android 版 Chrome 現已推出開發人員版。如要進一步瞭解 Chromium 網誌,這個新的開發人員版本可讓開發人員透過 Chrome 早期版本測試網站,藉此找出錯誤並嘗試各種最新功能。新版頻道至少每週都會更新一次,並且已在 Google Play 商店上架。

https://twitter.com/addyosmani/status/593461414922170369

http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html

https://play.google.com/store/apps/details?id=com.chrome.dev

複製護照

Firefox 即將推出程式輔助複製及貼上功能。近期的實作及傳送執行緒意圖,指出 Firefox 將支援透過 execCommand 方法複製與貼上操作,以回應使用者的動作。Chrome 43、IE 10 和 Opera 29 已支援類似的行為。如要進一步瞭解複製及貼上功能,請參閱 HTML 5 Rocks 的這篇文章。

https://bugzilla.mozilla.org/show_bug.cgi?id=1012662

https://groups.google.com/forum/#!msg/mozilla.dev.platform/oWhmLMvGAD0/3eXWSRjJAZsJ

http://updates.html5rocks.com/2015/04/cut-and-copy-commands

歡迎透過 Twitter #LazyWebShow 與我們分享意見

如需更多網路上的新聞,請查看下列資源: JavaScript Weekly:http://javascriptweekly.com/

Open Web Platform Daily:http://webplatformdaily.org/

HTML5 每週:http://html5weekly.com/

訂閱 Google Developers 頻道