【ArchSummit架构师峰会】精华内容上线75%,AI大模型中台从理念到实践的探索!>>> 了解详情
写点什么

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

  • 2019-11-11
  • 本文字数:2697 字

    阅读完需:约 9 分钟

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


2019-11-11 15:032563

评论

发布
暂无评论
发现更多内容

TypeScript:重新发明一次 JavaScript

LeanCloud

Java node.js typescript 大前端

直播 | 阿里、快手、Databricks、网易云音乐...国内外大数据大佬齐聚一堂要聊啥?

Apache Flink

大数据 flink 流计算 实时计算

架构师 week 1 作业二

iLeGeND

01周-就餐卡系统设计

dao

极客大学架构师训练营 实验品

极客时间架构课Week01-作业一:食堂就餐卡系统设计

yulyulcl

架构师训练营第一周命题作业

whiter

极客大学架构师训练营

【架构】— 写在前面的话

不二架构

总结 感悟 极客大学架构师训练营

食堂就餐卡系统架构设计

时来运转

极客大学架构师训练营

架构师是怎样炼成的

彭阿三

架构

第一周学习总结

Thrine

食堂就餐卡系统设计 UML

Kun

极客大学架构师训练营

for 语句

Hello

作业一

姜 某某

如何从 0 到 1 参与 Flink 社区?

Apache Flink

大数据 flink 流计算 实时计算

架构师训练营第一周总结

好名字

总结 极客大学架构师训练营

01.食堂就餐卡系统简要设计以及学习总结

昵称

食堂就餐卡系统设计

互金从业者X

驳《阿里「Java开发手册」中的1个bug》?

王磊

Java 性能优化 性能

架构设计文档的一些心得

elfkingw

第一周作业二:架构师第一周上课总结

Geek_10

【练习】食堂就餐卡系统设计

张金峰

极客大学架构师训练营

架构师训练营-第一章 心得总结

Linkin

架构师训练营第一周学习总结

时来运转

极客大学架构师训练营

作业二

姜 某某

食堂就餐卡系统设计

heeeeeeyZ25

redis线程模型

wjchenge

数仓系列 | Flink 窗口的应用与实现

Apache Flink

大数据 flink 流计算 实时计算

Flink 1.10 Container 环境实战

Apache Flink

大数据 flink 流计算 实时计算

软件设计方法论

而立斋

学习 思维导图 软件设计 设计实践

第一周学习感想

heeeeeeyZ25

第一周作业1-食堂就餐系统设计

Geek_10

前端周报:未来五年Web趋势预测;TS 3.7发布;W3C网站重新设计_大前端_Zehao_InfoQ精选文章