大前端热点技术

2024-07-08

前言

2018年后，整个大前端发展趋于稳定，各大主流框架的特性变少，各种新轮子也在逐渐变少，但在多端融合、上下游提效以及一些细分领域，还是有很多值得期待的。

本文将基于过去一年大前端方向在Web、Node、多端、IoT、智能化五个领域的发展，为大家梳理出一些22年值得大家关注的大前端热点技术。

1 Web领域

这里谈到的 Web领域，主要指的是传统PC端应用或中后台系统的前端相关技术，包括HTML/CSS/JS这前端三大基础技能、React及Vue等现代前端开发框架、在线IDE及插件以及中后台低代码开发平台等。

PC端的大型Web应用一直都是很多企业的命脉，如今随着浏览器性能的提升，都逐渐开始了Web化，由C/S架构改成B/S架构，比如PS去年提供了在线版、各种IDE也在web化、很多大型桌面游戏借助WebAssembly技术进行了web化。

1.1 HTML/CSS/JS

从2014年，发布HTML5以来，各浏览器对新标准的支持热度也越来越高，但HTML并不止于此，一些新增特性将以HTML6进行命名，主要有：支持原生模式、没有JS的单页应用程序、自定义菜单、用户隐私增强、集成摄像头等。

2021年CSS新增了很多特性，比如CSS容器查询、CSS父选择器、CSS层叠控制规则、CSS子网格等；CSS是Web开发中不可或缺的一部分，在前端工程化的不断进步的今天，一方面在 CSS 特性随着规范的升级越来越丰富，另一方面，前端业务复杂性的增加带来的工程愈加庞大，驱使者开发者不断寻找CSS工程化的最佳实践；Tailwind是CSS工程化领域极为耀眼的新星，是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，21年12月发布的v3.0，内置了Just-in-Time模式。

JavaScript 每隔 10 年就会发生一次变化，JS的第一个时代，从1997-2007年，ES4 努力在在 Flash/Actionscript 等封闭生态系统的激烈竞争中步履蹒跚；JS的第二个时代，从2009-2019年，npm、Node.js、ES5及ES6诞生了；当前已经进入JS的第三个时代，TypeScript 将成为很长一段时间的主流，大型前端开源项目大都已经或正在全面拥抱 TS，同时JS和TS的核心基建Rust化，例如swc、rome、deno。

技术共享