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

阅读数:1672 2019 年 11 月 11 日 15:03

前端周报:未来五年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/

评论

发布