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