本週集數
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://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 頻道