Web前端：2023 年值得关注的前端发展趋势

过去，与后端开发相比，前端开发并不总是受到应有的重视。然而，随着时代的变迁，Web应用程序发展迅速，这主要是由于开源工具的发展。如今，前端正以难以跟上的速度前进。

　　Svelte越来越受欢迎

　　Svelte是一种相对较新的工具，理论上起步太晚，无法与Reactt对抗、Vue 和 Angular。但它以前所未有的速度稳步普及。

　　但Svelte不仅仅是这些。它是一个构建优化前端的编译器。

　　Svelt不像其他流行框架那样导入应用程序。相反，Svelte编写的代码将被编译成纯JavaScript。这使得Svelte能够在速度上击败React或Vue等框架。

　　React、Vue和Angular将继续存在

　　这三个框架中的每一个从一开始就越来越受欢迎。

　　看看上面的图表。请注意，Angular的受欢迎程度增长了十倍以上。React和Vue增长得更快。所有三个框架都支持几乎相同的用例。这意味着无论你选择哪个框架，你都可以期待它在未来几年得到使用和支持。

　　框架需要支持静态和动态页面

　　让我们确定什么是实际的静态页面和动态页面。

　　当用户打开动态页面时，动态页面获取并处理内容。静态页面是在构建过程中定义的。它们成为光盘上单独生成的文件。它们看起来和动态的一样，但用户的浏览器需要做的工作更少。

　　如果你有一家商店，你可以有一个单一的动态产品页面，或成千上万的静态产品页面，每个产品。这意味着静态页面对用户有更好的性能，但建立它需要更长的时间。

　放弃静态页面的原因是React和Vue类型的单页应用程序(SPA)框架的普及。他们也恢复了青睐。SPA生成的动态内容比HTML编写的现成内容慢得多。这种差异在页面从服务器获取数据时尤为明显。这些数据通常必须下载和处理动态页面。这就导致了SPA中静态页面的诞生。Gatsby通过在React中构建一个框架和基础设施来解决这个问题。

　　专注于第一次内容绘制的时间将在其他框架(如Vue或Svelte)中产生大量的静态页面解决方案。

　　另一方面，静态页面很难扩展到数百万页面。如果你正在开发一个有很多动态内容的应用程序，比如用户信息，你最好使用动态页面。这两种处理内容的方法都存在。

　　前端优化是关键

在过去的几年里，前端已经完成了一个完整的循环。轻型站点已成为长期渲染的重型平台。加快速度 SPA 速度趋势已经存在多年，但势头仍在增强。

　　对性能产生负面影响的库，如Moment.js，Day被更轻、更高性能的库所取代，如Day.js。其他的则被重构以减小包的大小。例子包括Material UI和Lodash。

　　在整个前端生态系统中，越来越强调使用延迟加载，在服务器端渲染前端，或使用CSS文件而不是JavaScript作为应用程序设置样式，如styled- 成分。

　　Tailwind最近很受欢迎。到2022年，它肯定会继续流行。它可以像几乎没有其他CSS工具一样处理，以减少应用程序的加载时间。尽管如此，它还是有一条陡峭的学习曲线。通常很难阅读Tailwind代码。

　　也建议尝试Linaria。Linaria结合了样式组件的优点和使用静态CSS文件的速度。

　　注意如何在风格中使用JavaScript。也可以重用风格，因为它们是传统的JS常量。代码在构建过程中被编译成CSS文件。

　　这结合了优秀的开发人员体验和超快的前端。

　　结论：许多创新正在发生，前端也在迅速发展。