关于前端:从2022看2023年前端发展趋势

前言

时光荏苒，回望行将过来的 2022 年，前端畛域在这一年中整体还是放弃安稳向前，但对整个 IT 产业链路及互联网行业来说，变动还是很大的，上面我将简略分享一下集体对整个行业畛域的一些观点与思考。鄙人满腹经纶，不免洞若观火，如有相左，仅代表个人观点，还望各位大佬包涵。

专一

置信大家也都看到了过来一年的形势，整个局势也同样对 IT 行业有着很大的冲击。面对如此微小的影响与环境，作为前端工程师，咱们能做的其实很无限，但私认为咱们能够审慎时事，对整个前端畛域发展趋势的走向做到一个前瞻性的视线。

如果说非要给过来一年顶一个基调的话，集体认为用“专一”这个词比拟适合。所谓“专一”，集体了解是“收据力量，以待来者”之义，降本增效、专一外围置信也会是明年的一个主基调。那么，基于这样一个前提下，咱们应该反诘一下：前端的外围专一点应该是什么呢？

以鄙人愚见，前端应该专一于前端的特点与善于。如果以用户为中心点来对整个 IT 畛域工种进行划分的话，前端无疑是最贴近用户的。那么，集体认为前端的关注点应该落脚到“以用户为核心，保持前端核心技术为基石，关注服务与状态的联合”这样一个根本准则下。上面，我将简略论述下集体的一些了解与认识。所谓“状态”，正如上图所示的那样，是指提供给用户的展示模式，包含多端、视觉、交互等的不同；而所谓“服务”，则是对应于不同的状态所能提供的产品解决方案，包含：渲染形式、构建形式、组合形式等。将用户作为整个前端关注的外围，寻找不同的维度，配合状态，提供不同的服务，例如：能够以与用户的远近作为基准，对于不同交互体验，能够配合提供“云服务”、“边服务”、“端服务”等。这些提供状态服务的前提应该是以前端技术为根底的，对于前端不善于的畛域，比方：计算，集体倡议还是以辅助为主，毕竟每个畛域都有本人的特定的局限性，将无限的精力投入到更适宜、更善于的畛域，不失为一种上善之策。

冲破

在探讨了前端应该专一的方向与形式后，那么对于整个前端畛域，咱们又应该去做哪些冲破呢？

置信大家在做了这么多年的前端开发后，对前端畛域的核心技术难点也有一个大抵的认知。这里，我把整个前端畛域的一些涉猎依照层次化的计划进行梳理，大抵能够分出：交付层、基建层、容器层、零碎层四个档次。其中，交付层次要波及利用代码、业务逻辑、用户体验、畛域模型等相干的开发，这也是前端工程师入门的根底的根底，作为前端开发的根本要求，当然这也绝对属于前端畛域的浅水区；再往下一档次，则通常为基建层，这次要包含框架 / 库、工程效力、平安兜底、性能稳固等相干的建设，这里也是绝大多数有肯定开发教训的前端开发最喜爱摸索和涉猎的层级，其依然以前端常见的开发为主，但又比业务交付层更加形象一些，通常来说，大部分前端工程师都会这一档次去游走，既不脱离业务，又未波及底层；再往深处，则通常会来到对于容器运行的档次，这通常包含：浏览器内核、运行时环境、规范、协定等相干的深入研究，这也是最不为大多数前端所能涉及的局部，但这的确是前端畛域须要攻克的难关，尽管下了功夫奏效也不大，然而对于前端天花板的冲破，集体认为其实是一个比拟重要的档次；最初，对于零碎档次，这里目前并不属于前端的领域了，一般来说不会用类 js 语言去书写操作系统。因此对于前端工程师来说，冲破畛域次要在于前三个档次，即：交付层、基建层、容器层，保障交付能力，拓展基建能力，涉猎容器能力，这样在纵深档次上也会能失去肯定的冲破。

在复盘了整个 22 年的关键词后，上面将依照不同的方向，主义看看过来一年的前端畛域具体倒退，以及对 23 年可能失去哪些启发与倒退。

工程化方向

工程化方向是去年整体更新最多的一个畛域，除了前端自身倒退过程的历史背景外，集体认为工程化作为 IT 畛域的一个重要方向，同时也作为与整个技术治理等互相关联的重要畛域，各位巨佬相对不会放过这么一个热门方向的。上面，我将选几个集体认为比拟重要的更新简要回顾及探讨下工程化的过来与 23 年的瞻望。

1. 构建：作为工程化畛域最为重要的一个节点，必定是群雄逐鹿的主战场。对前端构建而言，目前市场占有量依然以 Webpack 为主，然而随着对“bundle”和“bundless”计划的探讨；以 Vite 等为主的构建计划，对构建形式也提出了本人的一套实践计划，但 bundless 的计划须要有肯定的前提撑持。目前，Vite 等构建计划也在构建计划中占据了一席之地，同时诸多跨语言构建计划也始终冲击着工程化的市场。因此，集体认为 23 年工程化构建畛域的混战仍会继续，但真要代替 Webpack 作为生产环境的支流计划，目前来看明年还不太容易达到，毕竟整体的生态而言，Webpack 还是有很强的体系撑持的。
2. 模块化：自从诞生了 ESM，前端模块化计划逐渐从 IIFE、UMD、AMD、CommonJS、ESM 等诸多模块化计划，逐渐收敛到了 ESM 和 CJS 之争，并且这个争斗也延长到了打包器的站队问题中。模块化，作为前端界的阿基里斯之踵，始终以来困扰着诸多前端开发者，但官网原生反对了之后，前端工程链路也都同步进行了转向。集体认为，短期内还是会存在多模块化共存的景象，但长期看好 ESM 一统江湖的可能，这也给以天生反对 ESM 的打包器，诸如：Rollup、Vite 等一些底气和撑持。
3. Monorepo：作为工程治理计划的一种技术理念，monorepo 并不是一种技术计划，而其实是一种技术理念。在前端工程化中的 monorepo，则以 lerna、pnpm、nx 等解决方案为主，同时配合着 turbopack 推出的 turborepo 也是 monorepo 整个仓库治理计划的大闭环解决思路。相较于 multirepo 及 monolith 的计划，尽管 monorepo 有着共享组合的不便，然而对于权限体系治理却有着肯定的弊病。集体认为，前端畛域的 monorepo 还须要去寻找一个可能均衡共享与隔离问题的解决方案，最终能力真正的解决工程链路中的体验问题。
4. 包治理：前端的包治理，不同于后端的包体系，除了之前显著的 npm 地区问题外，还波及到对应的更新变动问题。尽管前端凋敝倒退离不开开源 package 的层出不穷，但对于整个包体系的治理的确能够借鉴下其余语言的设计思路，既能灵便应用，又能标准可依。

综上，整个工程化畛域在 22 年倒退还是很迅猛的，但还是心愿可能各位巨佬针对外围问题进行冲破翻新。能够预感，23 年仍会是工程化的一年，毕竟拉来其余畛域的开发者共建共享，前端能力更有话语权 [手动狗头]。

Node.js 方向

Node.js 方向相对来说还是次要落脚于前端本人的后端化之路，也是其最适宜的中央，这里最次要的方向依然是 Serverless 的前端奉献。

1. NoSlate：NoSlate 是阿里开源的一款 Serverless 的解决方案，从调度、存储、运行时等多个方面进行优化自研，提出了一套更加简洁轻量高效的计划。
2. Winter：全称是 Web-interoperable Runtime，其本质也是一个 V8 Worker，通过标准化后，其根本能够作为 FaaS 函数运行时规范

综上，整个 Node.js 畛域的倒退相对来说还是在 Serverless 细分畛域的建树，这其实也是 Node.js 一个比拟好的利用方向，毕竟真正应用 Node.js 来作为传统后端开发还是有肯定的局限性的，置信 23 年依然会有和云原生畛域更深刻的联合。

跨端方向

整个跨端方向大体来说，去年简直都不谋而合的抉择了基于容器的计划，借鉴云原生畛域相干的理念，也是通解跨端的一种不错的思路。

1. Lath：Lath 是阿里的一款纯前端容器，提供从事件处理等多跨平台的计划，对于多场景进行容器优化。
2. Tauri：作为 Electron 的竞品，其自身是基于 Rust 和 Webview2 进行相干的构建的，尽管不算是一种容器计划，然而对于内存 + 渲染的组合，其还是对 Electron 的痛点进行了肯定水平的改良。

综上，整个跨端畛域相对来说还是专一于“Write Once, Run EveryWhere”的理念，但的确很难真正的做到。集体认为，跨端方向能够专一于某几种场景的通用，真正的全副通用是没有意义的，因为兼容越多，意味着 polyfill 也就越多，有时候却是得失相当的。

智能化方向

智能化方向最突出的停顿莫过于低代码畛域的相干倒退，自身将低代码划入到智能化畛域的确略微有些牵强，但低代码的自动化实现的确是能够借助于 AI 的相干能力的，因此也将其划入到智能化方向；除了自身的 D2C 倒退外，最近新出的 ChatGPT 在前端畛域也有肯定的发展前景。

1. D2C：作为前端畛域传统的智能化细分畛域，利用机器视觉主动生成代码，关键在于对不同模型的优化。
2. 低代码：低代码畛域的标准与约定造成更为重要，阿里开源的 LowCodeEngine 能够作为低代码构建的一个参考，另外与智能化方向的主动生成其实可能更有钻研价值。
3. ChatGPT：作为 22 年年底最火的 AI 场景，对于答复等的薅羊毛行为，想必会很快出台禁止计划。然而在前端畛域，对于代码计划等进行相干领导还是有肯定的借鉴意义的。

综上，整个智能化畛域除了传统的 D2C 计划外，能够思考 NLP 相干倒退在前端畛域的落地与翻新。

互动方向

互动方向应该是目前前端最为神秘的一个方向，充斥了很多未知，集体认为，最次要的在于对新交互方式的摸索与场景使用。

1. 元宇宙：前端作为一种凑近用户的工种，其自身技术也会提供诸如：XR 的状态，在虚构人物生成等方面，的确还是会有一些钻研可能存在。
2. Web3：前端作为 Web 畛域的重要一环，在第三世代中，必定也会有重要的使用场景。集体认为，对于区块链相干的下层利用，如 DApp 等，可能还是有一些倒退方向的。

综上，互动方向应该是 23 年变动最快的一个畛域，应该也是最有可能产生新冲破的方向，目前还充斥很多机会与挑战，有想法的同学能够提前布局。

中后盾方向

随着单页的瓶颈呈现，中后盾方向又呈现了“分久必合，合久必分”的态势，不论是微前端还是 Islands 架构，其都有一种新瓶装旧酒的感觉。

1. 微前端：目前通用的微前端计划大都以“类 SPA”模式进行创立，其自身在接入其余 SPA 时有着人造的弊病。因此，集体认为真正意义上的“微前端”还尚未呈现，私认为或者思考借鉴下微服务的容器化思维，来真正的实现“微”的成果。
2. Islands：Islands 架构的实质其实是多种渲染形式的抉择，从 MPA 到 SPA，又从 SPA 回归到 MPA。其实，集体认为能够基于场景的不同进行不同的抉择，资源的正当应用来提供最佳的用户体验。

综上，中后盾方向根本还是基于模板的抉择构建，技术的抉择并不一味的向前突进，有时走下复旧格调，也是另一种思考和体验。

可视化方向

最初，对于可视化方向，集体认为能够对于不同的特定场景进行底层构建，从而产生更适宜特定畛域的图形可视库。

1. 畛域图形库：对于可视化畛域而言，最重要的其实是图形库的抉择和开发，然而对于不同档次的可视化计划，也是构建出基于特定畛域的专有图形库，解决一类问题，从而有肯定的冲破和翻新。
2. 3D 图形库：大部分的图形库往往重视与二维图形库的创立，对于三维可视 / 编辑畛域，也是有着非常广大的场景的。

综上，可视化方向能够关注特定畛域的底层建设，以及对应于三维图形库的冲破与开发。

总结

最初，回顾下整个前端畛域的倒退，能够大抵总结如下：

工程体系蓬勃发展，容器跨端各相竞逐；

智能畛域多维演变，互动体验机会丛生；

架构计划和而不同，可视图形专精特新；

前端聚焦择善而从，深刻冲破玉汝于成。

好了，2023 年到了，祝大家在新的一年里，都可能奋激勃发，在各自畛域中都能有所建树和提高，共勉！