前端週報專注大前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點，分爲新聞熱點、深度閱讀、開源項目 & 工具等欄目。歡迎關注【前端之巔】微信公衆號（ID: frontshow），及時獲取前端週報內容。
前端資訊
預測 Web 的未來 - ReactiveConf 2019
在 ReactiveConf 2019上，Richard Feldman 依據其12 年的專業 Web 開發經驗，以及作爲 React 和 Elm 等技術的早期使用者的經歷，做出了 2020 年至 2025 年對 Web 未來的一些預測。
演講中主要提到的內容：
- 到 2020 年，TypeScript 將成爲新的商業 JavaScript 項目的最常見選擇。到 2025 年，每天將有更多的人編寫 TypeScript。
- WebAssembly 將使瀏覽器與應用商店和安裝程序競爭份額，到 2025 年，wasm 將會把更多如遊戲、photoshop 等重量級應用帶到瀏覽器。
- 在包管理器方面，Npm 將繼續保持領先。但到 2020 年底，將有一個新的 npm 安全事件成爲頭條新聞。到 2025 年底，至少一個惡意 npm 軟件包將感染開發人員的計算機。
- CojureScript、ReasonML 和 Elm 等可編譯爲 JS 的語言將會保持一席之地。2020 年底，可編譯爲 JS 的語言仍將增長，但沒有一種能像 TypeScript 一樣快。到 2025 年底，TypeScript 將更爲流行，非 JavaScript 的方言將過時。
TypeScript 3.7 正式發佈
亮點：
- 可選鏈接；
- 空位合併；
- 斷言功能；
- 更好地支持 - never 返回功能；
- （更多）遞歸類型別名；
- –declaration 和 --allowJs；
- 該 useDefineForClassFields 標誌和 declare 屬性修改器；
- 使用項目參考進行免生成編輯；
- 未調用的功能檢查；
- // @ts-nocheck 在 TypeScript 文件中；
- 分號格式化選項；
- 重大變化：
- DOM 變更；
- 功能真實檢查；
- 本地和導入類型聲明現在發生衝突；
- API 變更。
詳情請見：https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#assertion-functions
微軟發佈 Visual Studio Online：Web 版 VS Code + 雲開發環境
本週，微軟在 Microsoft Ignite 2019 大會上，正式發佈了 Visual Studio Online 公開預覽版。
Visual Studio Online 提供了由雲服務支撐的開發環境。你可以通過 VS Code、VS IDE 或者 Web 版 VS Code 連接上雲端開發環境。此外，你還可以連接到自己的環境，不需要任何費用。
Visual Studio Online 包含了基於 VS Code 的 Web 版編輯器，有以下亮點：
- 可以直接在 Web 版 VS Code 中打開你的 Git 項目。
- 支持 VS Code 插件。豐富的插件生態，任你挑選你喜歡的插件。
- 內置的集成終端，猶如在本地的 Terminal 一樣強大！
- 內置的 Visual Studio IntelliCode，利用 AI 提供更強大的代碼自動補全。
- 內置的 Visual Studio Live Share，使得多個開發者可以在 VS Code、VS IDE 或者 Web 版 VS Code 中進行實時的協同開發和調試。
- 在任何設備上編輯、運行、調試你的項目。是的！可以在 iPad 上運行 VS Code（Web 版）了！
行業新聞
W3C 公佈網站重新設計徵求意見書
W3C 正在接受外部供應商的建議，以重新設計現有的 W3C 網站。當前的網站在 2008 年進行了重新設計，支持響應式佈局、經過修訂的體系結構和自定義 CMS。該網站已有 10 多年的歷史了，它正變得有些過時。W3C 希望逐步重新設計其網站並修改信息體系結構，向世界展示我們的身份和所提供的產品，以改善主要受衆的網站組織和可用性，更有效地傳達 W3C 品牌，並激勵人們參加組織。
基於 Chromium 的 Microsoft Edge 瀏覽器將於 1 月 15 日發佈
微軟宣佈，其 Edge Web 瀏覽器的新版本將於 1 月 15 日左右上市。但是，想要早日試用的人可以下載最新的 Beta 版本。
新 Edge 瀏覽器與過去四年 Windows 10 中包含的版本之間的主要區別在於，新瀏覽器基於 Google 的開源 Chromium 項目，並使用 Blink 渲染引擎。
該瀏覽器是跨平臺的，並且將支持大量操作系統，包括 Windows、macOS、Android、iOS 和Linux。
GitHub 年度報告，中國開源貢獻排名第二
GitHub 本週發佈了一個重磅年度報告。在過去一年中，有 1000 萬新開發人員加入了 GitHub 社區，爲地球上每個大陸的 4,400 萬個以上的存儲庫做出了貢獻。全球化的背後是一支不斷壯大的全球貢獻者團隊，其中 80％ 來自美國以外的地區。
報告顯示，繼美國之後，中國、印度和德國今年加快了開放源代碼的使用速度。中國的開發者 fork 和 clone 的項目比去年多了 48%，目前是世界上第二大的開源貢獻國。
深度閱讀
在 React 中獲取異步數據的最好方法
在執行異步 I/O 操作時，你必須發起請求，等待數據返回，將返回數據更新到組件狀態，然後重新渲染，獲取異步數據需要我們做出額外的努力，逐步改進中的 React 可以最大程度地減少這些額外的工作。本文對比了 React 的 3 種常見的異步操作方式：生命週期、Hooks 和 suspense 各自的優劣。
https://dmitripavlutin.com/react-fetch-lifecycle-methods-hooks-suspense/
使用 react-rewards 創造令人愉悅的微交互
本文介紹如何使用 react-rewards 創造令人愉悅的交互動畫。
https://medium.com/front-end-weekly/improving-react-ux-micro-interactions-578ddef4bc05
創建適合老年用戶的在線環境
據瞭解，互聯網人口中有很大一部分人的年齡在 50 歲以上，其中包括髮明互聯網的人，設計師需要了解年長用戶的需求。
https://www.smashingmagazine.com/2019/11/online-environments-older-users/
CSS 尚不能做的事情
在本文中，Rachel Andrew 研究了一些尚無法在網絡上實現的常見佈局模式，以及將來可能使我們實現它們的 CSS 規範。
https://www.smashingmagazine.com/2019/11/css-things-cant-yet-do/
基於區塊鏈究竟可以做什麼？
這幾天，隨着中央政治局內部學習的講話內容公佈，區塊鏈再一次成爲了公衆的焦點，不僅迅速登上了各大媒體的頭版頭條，帶動一直低迷的比特幣大漲了 40%，同時也連帶拉動 A 股區塊鏈相關概念股的行情。一夜間，區塊鏈彷彿又站在了最強風口上。
其實早在 2015 年，隨着比特幣的大熱，區塊鏈曾經風光一時，但是除了在金融領域以外基本上是野蠻生長的狀況。然而這一次，區塊鏈技術在政治局學習中被專門提及，而且還在理論、基礎、應用人才等方面指出了發展方向。那麼，被提到國家核心技術高度的區塊鏈到底能實現什麼？
https://segmentfault.com/a/1190000020938068
可選鏈的性能
本文討論了 TypeScript 3.7 中新增的可選鏈語法是否會影響應用程序的性能。
https://dev.to/erykpiast/performance-of-optional-chaining-5bpk
CSS Grid 網格佈局實例教程
https://www.mybj123.com/4870.html
工具 & 庫 & 資源
【Web Extension Starter】瀏覽器擴展腳手架，可一次編寫運行在任何瀏覽器上。
https://github.com/abhijithvijayan/web-extension-starter
【純 CSS 油畫】建議在 Chrome 中打開。