前端周报：未来五年 Web 趋势预测；TS 3.7 发布；W3C 网站重新设计

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

https://diana-adrianne.com/purecss-lace/