前端周报：Chrome 支持沉浸式设备 API；商用 5G 正式启用；“三体问题”得到完美解决

前端周报专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点，分为新闻热点、深度阅读、开源项目 & 工具等栏目。欢迎关注【前端之巅】微信公众号（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 熟悉者有加分。

投递方式： shenchen.james@bytedance.com