前端技術週刊 2018-08-27：AMP

前端技術週刊 2018-08-27：AMP

前端快爆

• Chrome Canary 實現了 HTML lazyload。

  點評：測試特性，須要開啓兩個 Flag： chrome://flags/#enable-lazy-image-loading， chrome://flags/#enable-lazy-frame-loading。 🔗

• Firefox Nightly 已經在 CSS Flexbox 中實現了align-self`justify-content`屬性。🔗

  點評：CSS Grid 的不少特性落地後如今已經開始反哺 Flexbox。

• Windows 2000 被編譯爲 WebAssembly 能夠運行在瀏覽器中了，掃雷是否喚起了你童年的記憶呢？🔗

  點評：全部能夠用 WebAssembly 實現的終將會用 WebAssembly 實現。

• GhostScript 爆出遠程代碼執行漏洞，將影響到 ImageMagick 等圖像庫，此漏洞致使攻擊者能夠經過上傳惡意構造的圖像文件，當目標服務器在對圖像進行圖像裁剪、轉換等處理時即會執行攻擊者指定的命令。🔗

• 在 Chrome 69 裏，你能夠不加任何 Flag 使用 OffscreenCanvas 了，這個 API 容許 Canvas 的繪圖運算跑在 Web Worker 裏而不受主線程的影響。🔗

  點評：該 API 主要用於提高 Canvas 2D/3D 繪圖應用和 Web 遊戲的渲染性能和使用體驗。

優秀 Demo

• 3D 輪播

• Lazy Box

專題：AMP

本週是由 @勇智 帶來的 AMP 相關分享。與國內巨型 App 不一樣，海外市場中 HTML5 仍可以與 App 勢均力敵。HTML5 是 Google 的陣地之一，Google 在手機端的搜索結果已經全面 AMP 化，阿里面向海外的業務也都使用了相應技術。

介紹：

• AMP 文檔
• AMP，來自 Google 的移動頁面優化方案
• Google 移動端性能優化利器 —— AMP

衍生方案：

• AMP 與 PWA 結合
• Google I/O 2018 PWA & AMP 必知必會
• 百度的「AMP」：MIP 文檔
• 移動頁面加速 Google 的 AMP 和百度的 MIP

實踐：

• AMP 在騰訊新聞海外版的實踐
• 經過 PWA 咱們讓新用戶轉化率提高了 104%

---

本期編輯：@壹絲，審閱：@承虎(humphry)，專題供稿：@勇智。
本文首發於：https://zhuanlan.zhihu.com/p/...