2020 年 Web 开发展望

时间 2020-01-04

标签 web 开发展望栏目 HTML 繁體版

原文原文链接

做者：Areknawo
翻译：疯狂的技术宅前端

原文：https://areknawo.com/web-deve...vue

未经容许严禁转载程序员

祝你们新年快乐！因为本文的发表日期是 2020 年1月1日，因此我认为这是讨论将来的 366 天中 Web 开发的最佳时机！由于。。。是的，2020年是闰年！web

首先是免责声明，而后跳入实际内容。显然我不知道真正的将来会是什么样子，同时也没有什么成熟的数据分析可以做为我假设的基础。这里写的全部内容只是个人我的观点，也是对 Web 开发的方向的我的见解。全部这些都是基于个人经验和观察。若是你不一样意我所写的，这很正常！固然你能够在评论中分享你的看法！面试

摘要typescript

JavaScript 和排名前 3 名的 UI 框架将继续继续火热；
Svelte 将会继续发展
云计算，服务器端编程和 JAMStack 会不断增加；
预处理和性能优化才是将来；
WASM 为Web 带来了不少运算能力；
aterial Design、圆角、渐变和深色主题模式是当前的设计趋势。

JavaScript

有人喜欢，也有人讨厌它，可是做为第一集团的成员，我很高兴地说 JavaScript 将会继续存在。不只以一种基本的方式编码（显而易见），并且以最流行的、用途最普遍的编程语言之一处于领先地位。它遍布 Web、桌面、移动设备、服务器甚至物联网（IoT），而且在开源中的主导地位还会增长。编程

TypeScript

可是，在这种追求中并不是只有 JavaScript。除了 HTML 和 CSS，还有大量的 JS-compilable 语言。在这些语言中，TypeScript 是最著名的一种。因为具备静态类型的全部优势，它最近受到了极大的欢迎。尽管它不会很快成为 W3C 标准，但它受益于 JavaScript 的蓬勃发展。我几乎在全部项目中都使用 TypeScript，但愿到2020年会有更多的人这样作。segmentfault

变化

那些对 JS 持有与我不一样态度的人——还有一些适合你的东西。尽管 JS 在可预见的将来不会涉及到全部领域，但又有谁知道它在下一个十年中将带给咱们什么呢？目前我只能说这种语言的主要焦点可能会有一些细微变化。咱们稍后再讨论。浏览器

UI库/框架

React、Vue 和 Angular 将会成为新的行业标准！安全

好吧，也许我有点夸张了！认真地说，它们都是框架中的佼佼者。独立的生态系统和规模庞大的社区是没法忽视的。他们不会那么简单。 React 几乎是这个时代的jQuery（从其积极性、受欢迎的程度而言），Vue 经过 v3 获得了更多新功能和巨大的改进，而且 Angular……只是 Angular —— 你明白个人意思。

Svelte

可是，在该领域中有一位新成员，对其避而不谈是很不明智的。它名为 Svelte，目前正受到普遍关注。许多人甚至被认为会在 2020 年与“顶尖选手”竞争。

就我我的而言，我认为 Svelte 将很难知足如此高的指望。但愿我错了，由于它建立 UI 的方法很是新颖！我说的是它在额外的“编译步骤”中预处理代码，来提供更小、更高效的客户端包。 JS 的兴起致使其功能被严重滥用。若是 Svelte 可以起飞，咱们应该在预处理领域看到更多的发展，这对开发人员和用户都将是有益的

服务器端和云

考虑到 Svelte，能够确定地说，愈来愈多的计算将会被移出客户端。以众所周知的“云”的形式存在。咱们有云计算（例如AWS）、云游戏（例如Stadia）、云存储（例如 Google Drive）以及许多其余服务和tools，它们都基于这种思想。如今它正在进入 Web 开发！

云

咱们已经习惯用云服务和第三方 API 来加速开发过程并提供某些功能。经过依赖来自受信任提供商的多个此类API，咱们的软件不只更安全，并且可以发挥更多潜力甚至性能更高（与客户端全部操做相比）。所以我认为在将来几年中，对云服务的整体依赖将继续增加。

静态网站

可是我也想谈谈与云不一样的东西。预处理的概念以及诸如 Svelte 之类的工具提供的众所周知的附加编译步骤。在到达客户端以前，还有许多性能方面的东西要实现。例如，SSR 和 JAMStack 已经流行了几年。他们无需付出太多努力便可提供出色的客户端性能、SEO 和其余许多好处。JavaScript 仍然会被用到，只是愈来愈少了。

预处理

一切都很好，可是静态网站缺乏动态网站所具备的某些功能，SSR 一般须要功能强大的服务器才能正常运行。总而言之，客户端代码对于执行其余许多操做仍然是必需的，而且有时可能成为瓶颈。考虑到这一点，我认为相似于 Svelte 所作的预处理将在“代码”的规模上获得更多的关注。

也许你据说过 Facebook 的开源项目 Prepack，该项目旨在“部分评估” JS 代码？在最终形式下，它应该可以遍历你的代码并对其进行预处理，从而为你提供高度优化的结果。目前该项目尚处于初期阶段，开发工做停滞了，但我认为它很好地体现了预处理的总体构想。

性能

除了预处理和服务器端优化以外，客户端自己还有一些改进的空间。随着 JS 的飞速发展，如今它已用于一些很是苛刻的任务，而 JS 最初并非为这些任务而设计的。固然 JS 语言自己及其语法都很棒（尽管有时很麻烦），可是我想更多地谈一谈性能和执行方面。

V8

Google 的 V8 是领先于 JavaScript 引擎市场的。它提供了最新功能、顶级性能以及全部出色的东西。它第一个为咱们提供了 JIT 编译 功能，从而极大地缩短了 JS 代码的执行时间。得益于这一进步，JS 目前是市场上“最快的脚本语言”之一！

WASM

话虽如此，但 JS 的功能是有限的。这就是建立 WebAssembly（WASM）的缘由。这是一种高效的格式，是 Rust 和 C++ 等语言的编译目标。根据程序的不一样，它可能比 JS 快几个数量级，从而使其成为可移植、高性能计算的理想选择。

重要的是要知道 WASM 并非要取代 JS。偏偏相反，它将会处理全部繁重的任务，并使 JS 只专一于 UI。凭借其使人印象深入的性能，咱们最终将可以建立可在任何地方运行的重应用（例如游戏），并以其响应能力给用户留下深入的印象！

自 2017 年推出其最低可行产品（MVP）以来，WASM 一直在缓慢但成功地得到新功能。 W3C 已于 2019 年 12 月 5 日正式批准 WASM 做为第 4 种 Web 语言。但它也能够在浏览器以外做为可移植模块使用。这很容易说明 WASM 将会继续向前发展。谁知道呢——也许几年后，咱们将可以在浏览器中玩 AAA 级的游戏！

设计

最后我想经过介绍一些“设计趋势”来总结这些预测。你应该知道，即便代码很是重要，但用户体验最多的仍是设计和 UI。

材料设计（Material Design）

我认为今年的设计趋势不会有太大的改变。不，拟真设计(Skeuomorphism)不会再出现了。与前几年同样，Google的材料设计（MD）将会成为主流。可是，因为“可定制性”的须要，因此状况看起来可能会有所不一样。

不一样的品牌并不会都严格遵循 Google 制定的准则，而是会采用某些设计规范，并使用它们来造成本身的“独特外观”并在竞争中脱颖而出。然而，诸如圆角、渐变、鲜艳的颜色和深色主题暗模式之类的东西将会很常见。一样，简单性、用户体验（UX）和移动设备将再次成为主要的关注点。

可访问性

除了视觉内容外，可访问性（a11y）的重要性可能还会增长。 Web 愈来愈多地被各类各样的人所占据，为全部人提供良好的体验应该是全部设计师的主要目标。

尤为是像社交媒体和新闻杂志这样更具通用性的网站应该为不一样的残疾人提供易用性。可是，a11y 的意义远不止于此，它经过响应键盘按钮、触摸手势等细微细节，甚至提升了平常用户的温馨度。网站实施的这类功能越多，用户越有可能会喜欢它。

该轮到你了

以上就是我对 2020 年 Web 开发的预测。不管你是否赞成，我都但愿在下面的评论中看到你的建设性反馈和本身的预测！

本文首发微信公众号：前端先锋

欢迎扫描二维码关注公众号，天天都给你推送新鲜的前端技术文章

欢迎继续阅读本专栏其它高赞文章：

更多文章...