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