前端週報專注大前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點，分爲新聞熱點、深度閱讀、開源項目 & 工具等欄目。歡迎關注【前端之巔】微信公衆號（ID: frontshow），及時獲取前端週報內容。
前端新聞
Chrome 79：支持沉浸式體驗設備 API
Chrome 79 beta 中支持了 WebXR Device API。開發人員現在可以爲智能手機和頭戴式顯示器創造身臨其境的體驗。其他瀏覽器也將很快支持這些規範，包括 Firefox Reality、Oculus Brow-ser、Edge 和 Magic Leap 的 Helio 瀏覽器。
此次發佈爲以後的沉浸式功能奠定了基礎，例如支持現實增強，沉浸式設備，以及通過沉浸式體驗擴展對現實世界的理解。許多體驗可以通過“身臨其境”得到增強，例如遊戲、購房，購買前在家裏查看產品等等。
原文地址：https://blog.chromium.org/
DevTools（Chrome 79）的新增功能
-
管理 cookie：查看 cookie 值並找出阻止 cookie 的原因。
-
模擬 prefers-color-scheme 和 prefers-reduced-motion 偏好的效果。
-
在文件中查找未使用的 CSS 和 JS 代碼。
-
追蹤網絡請求的原因。
詳情請訪問：
https://developers.google.com/web/updates/2019/10/devtools
騰訊原生小程序框架 OMIX 2.0 發佈
特性：
-
全局狀態管理；
-
無狀態視圖設計；
-
對小程序零入侵；
-
只有一個 API；
-
支持計算屬性；
-
輕鬆駕馭小項目、中項目和大型項目；
-
也適用小遊戲。是的沒錯，使用 小程序開發小遊戲，本文第二個案例使用 OMIX 實現了一個小遊戲。
詳情請訪問：
https://github.com/Tencent/omi/tree/master/packages/omix
行業新聞
商用 5G 正式啓用
在 10 月 31 日舉行的 2019 年中國國際信息通信展覽會開幕式上，中國電信、中國移動、中國聯通宣佈啓動 5G 商用，併發布相應套餐。
三大運營商的 5G 套餐起步價接近。流量 30GB、語音 500 分鐘入門檔，中國移動 128 元、中國聯通 129 元、中國電信 129 元。
傳阿里巴巴最早 11 月香港上市 籌資至多 150 億美元
阿里巴巴計劃在今年“雙十一”之後向港交所尋求在港上市申請，且其股份有望在 11 月底或 12 月初在香港開始交易。據悉，考慮到公司規模巨大，投資者對其已經非常熟悉，阿里預計將放棄上市前的路演會議，即在上市前與機構投資者會面。消息人士還稱，阿里希望能通過在港上市籌資 100-150 億美元。
港交所總裁李小加對媒體表示，對阿里巴巴上市一事不予置評。
微軟贏得五角大樓的 100 億美元合同
上週，微軟擊敗 Amazon 贏得了價值 100 億美元的聯合防禦企業基礎設施（JEDI）合同。
聯合企業防禦基礎架構（稱爲 JEDI）的 10 年合同在亞馬遜、微軟、IBM、甲骨文和 Google 之間掀起了一場爭奪軍事雲計算系統轉型權的競賽。激烈的辯論過程涉及到激烈的遊說努力和競爭對手之間的法律挑戰。
這個結果令所有人感到震驚，因爲 Amazon 被認爲是雲計算領域的領先者，並且此前已爲中央情報局達成了 6 億美元的雲服務交易。
專家稱，這對亞馬遜來說是一個“警鐘”，因爲這意味着它必須首次承認微軟正在雲計算領域發揮作用。對於 Microsoft 來說，這是一個令人放心的信號，表明它已步入正軌，但在實際上在履行 JEDI 合同的條款之前，它可能仍有大量工作要做。
神經網絡完美解決“三體問題”，相較常規方法提速一億倍
劉慈欣的科幻小說《三體》讓許多對於天體物理很陌生的人都知道了“三體運動”這一世紀難題，三體問題的難點在於，三體運動是混沌的（除某些特殊情況下）。因此，預測其中一個星體所在的確切位置十分困難。
愛丁堡大學的 Enter Philip Breen 團隊選擇通過訓練神經網絡來解決這一問題。可喜的是，他們的神經網絡以固定的計算成本提供了精確的解決方案，其速度比最先進的常規方法快了近 1 億倍。
Breen 團隊表示，“終有一天，我們設想神經網絡可以被訓練解決更多混沌問題，例如四體或五體問題，並進一步減輕計算負擔。”
詳情請訪問：
https://new.qq.com/omn/20191030/20191030A0AITQ00.html
深度閱讀
React hooks 原理及實現
本文通過一個非常簡單的 hooks 重新介紹了閉包，並展示瞭如何僅用 29 行 js 實現簡易的 hooks。
https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/
CSS Display 屬性的雙值語法
今年十月，Firefox 70 發明中提到了有關 CSS Display 雙值語法的內容，本文介紹瞭如何使用這一特性，並解釋了這種雙值語法的重要意義。
https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property/
CSS 中有隨機數嗎？
本文介紹瞭如何不借助任何 JS 而僅使用純 CSS 實現隨機效果。
https://css-tricks.com/are-there-random-numbers-in-css/
視頻：Rust、WebAssembly 和 Serverless 的未來
在該演講中，Steve Klabnik討論了爲何要將 WebAssembly 用作 Serverless 功能的運行時。
https://www.youtube.com/watch?v=CMB6AlE1QuI&feature=youtu.be
工具 & 庫 & 資源
【RxDB】基於 RxJs 的響應式數據庫。
https://github.com/pubkey/rxdb
【svg-autocrop】一個 NPM 模塊，用於自動裁剪和縮小 SVG。
https://github.com/cncf/svg-autocrop
【Halmak 鍵盤佈局】由 AI 設計的鍵盤佈局。
https://github.com/MadRabbit/halmak
【Zero】在終端中渲染 3d 圖形，使用 JavaScript 實現。
https://github.com/sinclairzx81/zero
【The Svelte Handbook】Svelte 免費電子書，幫助你快速學習 Svelte 並熟悉它的工作原理。
https://www.freecodecamp.org/news/the-svelte-handbook/
招聘信息
字節跳動 Android 和 iOS 高級工程師（北京 / 南京）
崗位描述： 負責中臺客戶端核心 SDK 研發，編寫高質量的代碼，參與應用架構設計、開發、性能優化等工作。
崗位要求： 對 ReactNative Flutter、Kotlin 熟悉者有加分。
投遞方式： [email protected]