前端週報：W3C 首次發佈小程序標準化白皮書；Flutter 1.9 正式發佈；Chrome 將測試

前端週報：W3C 首次發佈小程序標準化白皮書；Flutter 1.9 正式發佈；Chrome 將測試DoH

做者 | Zehao, Yonie前端週報專一大前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點；分爲新聞熱點、深度閱讀、開源項目 & 工具等欄目。歡迎關注【前端之巔】微信公衆號（ID: frontshow），及時獲取前端週報內容。新聞熱點前端新聞 W3C 首次發佈小程序標準化白皮書

這份文檔並不是正式的 W3C 推薦標準，只是一份關於小程序的介紹性技術報告，屬於 W3C 的興趣組筆記，旨在爲小程序後續與 Web 以及瀏覽器的後續交流合做、相互補充、融合發展作鋪墊。這份文檔由 W3C 中文興趣組成員合做編寫。點擊此處查看相關內容。

 Flutter 1.9 正式發佈

在上海舉辦的中國 Google 開發者大會（Google Developer Days China）上，Flutter 團隊在主題演講環節中發佈了 Flutter 的最新穩定版本：Flutter 1.9。據稱，此版本是 Flutter 迄今爲止最大的一次版本更新，有 100 多名 contributor 在這次開發週期中提交了超過 1500 個 PR。新增的功能和其餘更新涵蓋了至關普遍的範圍，從支持 macOS Catalina 和 iOS 13 到改進工具鏈，以及支持新的 Dart 語言特性和新的 Material 風格小部件。更重要的是本次版本宣佈將 Flutter's Web Support 併入到主庫中，讓開發人員能夠使用同一套代碼庫爲移動、桌面和 Web 平臺開發應用。點擊此處查看相關內容。

 Chrome 將測試 DNS-over-HTTPS (DoH)

在 Mozilla 以後，Google Chrome 也計劃引入 DNS-over-HTTPS (DoH) 功能，加密 DNS 請求發送到非本地 DNS 解析器。用戶發送的 DNS 請求一般是明文發送給 ISP 的 DNS 解析服務器，在不一樣的網絡環境下，明文發送 DNS 請求被認爲不安全的，DoH 是這個問題的一個解決方案，它經過加密 DNS 請求到第三方或用戶設置的 DNS 解析服務器來保護用戶的隱私，然而這個方案的缺陷是你選擇的 DNS 服務商將掌握你的 DNS 數據，你須要信任你的服務商。Mozilla 的合做夥伴是 Cloudflare，它是一家雲服務商，而 Google 自己是網絡廣告巨頭，它選擇的 DNS 服務商可能就是本身，這意味着它將掌握用戶更多的信息。這可能會引起新的隱私爭議。

行業新聞 阿里巴巴舉行 20 週年記念晚會 馬雲卸任董事局主席

9 月 10 日，阿里巴巴集團在浙江杭州舉行 20 週年記念晚會，馬雲卸任阿里巴巴集團董事局主席，集團 CEO 張勇接任。

 蘋果 iPhone十一、iPhone11 Pro、iPhone11 Pro Max 發佈

北京時間 9 月 11 日凌晨，蘋果公司如期在喬布斯劇院召開了 2019 秋季發佈會，推出年度重磅硬件——三款新 iPhone，包括 iPhone 11，iPhone 11 Pro 和 iPhone 11 Pro Max。起售價 5499 元 最高 12699 元。

 Google 在上海舉行開發者大會

本週 9 月 10-11 日，谷歌在上海舉行開發者大會。本次大會谷歌推出 Grow with Google 成長計劃；Android 10 亮相，原生支持 5G，更注重數據安全；Flutter 1.9 正式發佈，將 Flutter's Web Support 併入到主庫中，讓開發人員能夠使用同一套代碼庫爲移動、桌面和 Web 平臺開發應用。另外，本次大會還發布了「觀妙中國」應用，該應用中收錄了超過 30 家中國博物館的藏品，利用 AR 技術，帶給用戶沉浸式體驗。目前觀妙中國僅有安卓版。

深度閱讀 V8 精簡模式

V8 Lite 項目在 2018 年底就啓動了，旨在大幅下降 V8 的內存使用率。最初，這個項目被設想爲 V8 的獨立 Lite 模式，專門針對低內存移動設備或嵌入式用例，它們更關心減小內存使用而不是吞吐量執行速度。這篇文章中，重點介紹了開發的關鍵優化以及在實際工做負載中如何節省內存。文章連接：https://v8.dev/blog/v8-lite

 1996 - 2019 年的瀏覽器市場份額動態圖表顯示過去 20 年左右瀏覽器的興衰史

該視頻展現了過去 20 年瀏覽器的興衰史，視頻連接:https://frontendfoc.us/link/69733/web

 Apple 發佈了使用 Stencil 建立的 Web components

蘋果在新的 Apple Music web app 中發佈了標準化的 web components ，它由 Stencil 建立，一個 web components 編譯器。相關連接: https://stenciljs.com/

 Immer

Immer 得到年度突破的 React 開源項目獎和 2019 年最具影響力的 JavaScript 開源獎。它是個輕量包，容許開發者以更方便的方式使用不可變狀態。它基於寫時複製機制。基本思想是您將全部更改應用於臨時 draftState，它是 currentState 的代理。一旦完成全部突變，Immer 將根據草案狀態的突變產生 nextState。這意味着您能夠經過簡單地修改數據來與數據進行交互，同時保留不可變數據的全部好處。相關閱讀: https://christianalfoni.com/articles/taking-immer-one-step-further

開源項目 & 工具

【GitHub Actions 入門教程】GitHub Actions 是 GitHub 的持續集成服務，本文介紹基本概念和一個小示例。相關連接: http://www.ruanyifeng.com/blog/2019/09/getting-started-with-github-actions.html

【2 小時掌握 GraphQL】 React，React Native，Vue，Angular，Android，iOS 和 Flutter 開發人員的開源教程，只需 2 個小時便可完成 GraphQL 應用程序的構建。相關連接: https://learn.hasura.io/

【Rust 中的 WebAssembly 模塊】Rust 社區擁有一些最早進的 WebAssembly 工具。本教程全面介紹了工具和生態系統，從第一步到完成發佈模塊。相關連接: https://medium.com/@rossbulat/webassembly-modules-an-introduction-5554b8982402

【Web-worker — 建立異步任務執行線程】本文介紹如何使用 WebWorker 實現多線程通訊。相關連接: https://medium.com/@lokeshpathrabe/webworker-creating-an-async-task-execution-thread-c46138350a75

【經過代碼實現 Array 方法來真正理解它們 】本文將介紹如何實現 array 的原生方法，包括 map，filter，reduce 等。相關連接: https://blog.logrocket.com/understand-array-methods-by-implementing-them/

【CSS Flexbox Cheatsheet】一款 VS Code 擴展，可以讓您直接在編輯器中預覽 flexbox 樣式，相關連接: https://yoksel.github.io/flex-cheatsheet/

【開發者喜好的 10 個 chrome 擴展】本文介紹了 10 個有用的 Chrome 擴展程序，方便開發者開發程序。相關連接: https://dev.to/shijiezhou/top-10-chrome-extensions-every-developer-likes-3ehk