技术共享

大前端热点技术

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

前言

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。

1.2 框架-Angular