当前位置: 网站首页 > 程序人生 > 个人博客 > 文章

2020年前端开发者5大趋势预测

2020-02-24143

今年我们看到了过去几年中前端技术发展的成果,不论是新的行业框架,库还是工具,凶猛迅速的增长都让全球的前端开发人员数量大大增长。开发人员之间的交流与互动使知识的连接与共享方式也变得越来越多元,这进一步使技术得以发展。

因此,在现在对 JavaScript 相关技术了解的基础上,我们需要向前再迈一步,赶上下一趟高速发展的列车,看看将来的趋势,工具与资源都有哪些。下面的预测会让你知道哪些技能你已经掌握,哪些你还需要学习和精进。

预测与趋势的出发点是什么

下列的预测是依据我本人在2019年之所见,包括这一年里来源可靠的调查与研究。其中一些预测可能是真的但也可能不是,不过我将它列在了下面,希望大家对它密切关注,在未来某个时刻当它成为当红的技术趋势时也请不要感到意外。

一:微前端 —— 微服务的延伸

这可能是近几年前端开发中的新玩意,但它在今年也确实获得了一些关注。


一个没有争议的预测就是在2020年它将获得更多关注,越来越多的开发人员和公司将会开始使用它。那么什么是微前端(micro front-ends)呢?

微前端的出发点很简单,就是去避免与庞大的前端代码库竞争。因此,根据 Martin Fowler 博客作者 Cam Jackson 的定义:

(它是)一种架构风格,将可以独立交付的前端应用组成一个更大的整体。

如你所见,微前端在19年成为了热门话题并将受到持续的关注,因为它有助于解决逻辑与功能复杂的现代应用程序已经组织复杂结构时所产生的问题。

二:前端框架——React.js 将最受欢迎

根据 StackOverflow 和 State of JS Surveys 的数据,React 将继续占领前端框架市场。



几天前,一项关于2019年 JS 的调查被启动,而调查结果显示最后的赢家就是 React.js。StackOverflow 上的数据则显示开发人员普遍很喜欢 React 并且时常考虑继续使用 React 构建漂亮,简装,可扩展和复杂的应用程序。

值得一提的是,我们应该密切关注快速增长的 Svelte.js,在短短一年的时间里它吸引了很多爱好者,以至于现在的地位和 React 已经相近。

Web 组件

Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的web应用中使用它们。—— MDN web docs

Web 组件背后的思想就是让组件各自以自己的方式工作。这意味着我们可以在不使用框架或者任何框架标准化的前提下使用它。Web 组件会为你提供一组 JS API,你可以定义自定义的元素与元素行为,另外它还有 Shadow DOM 和 HTML 模板。

ES 模块和动态导入



当前,大多数浏览器都已经支持使用 ES 模块。在这方面 Node.js 当然也不能落后,它现在完全支持 ECMAScript 模块。ECMAScript 是封装可重用 JS 代码的标准格式,模块的定义则是通过使用各种导入和导出语句。

动态导入

这个特性能在应用程序性能上省下很多精力和开销,它允许模块被动态加载。换句话说,通过使用 promise 或 async/await 语法来按需加载模块:

import("./math").then(math => {
console.log(math.add(16, 26));
});

JavaScript 将势不可挡

这一点不用说大家也知道。我们上面所提到的所有功能与技术都将进一步使 JavaScript 更加流行并且持续推出新版本。