从2022年来看2023年前端的发展趋势还是有很大变化的。下面我简单分享一些个人对整个行业的看法和思考。本人才华横溢，学识浅薄，难免有所窥见。如有异议，仅代表个人观点，还望大家多多包涵。过去一年的情况相信大家都看到了，整个情况对IT行业的影响也是很大的。面对如此巨大的冲击和环境，作为前端工程师，我们能做的其实是非常有限的，但是我觉得我们可以对当前的形势保持审慎，对整个前端的发展趋势有前瞻性的眼光-结束场。如果一定要为过去的一年定下基调，我个人认为“聚焦”二字更为贴切。所谓“专注”，我个人理解为“受权者，以待来者”的意思。相信降本增效、聚焦核心也将是明年的基调。那么，基于这样的前提，我们应该问：前端的核心重点应该是什么？个人愚见，前端应该侧重于前端的特点和长处。如果说用户是划分整个IT工作领域的中心点，前端无疑是离用户最近的。那么，我个人认为前端的重心应该以“以用户为中心，坚持以前端核心技术为基石，注重与服务相结合”为基本原则。和形式”。下面，我就我的一些理解和看法简单说一下。所谓“形式”，如上图，是指提供给用户的展示形式，包括多端、可视化、交互性等方面的差异；而所谓的“服务”，是指产品可以提供对应不同形态的解决方案，包括：渲染方式、构建方式、组合方式等。整个前端关注点以用户为核心，看针对不同的维度，配合形态，提供不同的服务，例如：可以以与用户的距离为基准，针对不同的交互体验，可以结合提供“云服务”和“端服务”，“终端服务”等。提供这些表单服务的前提应该是基于前端技术。对于前端不擅长的领域，比如计算，个人建议应该以辅助为主。毕竟每个领域都有其特定的局限性，将有限的精力投入到更适合和擅长的领域，才是良策。突破在讨论了前端应该关注的方向和方法之后，我们在整个前端领域应该有哪些突破呢？相信经过这么多年的前端开发，大家对前端领域的核心技术难点已经有了一个大概的了解。在这里，我将整个前端领域的一些涉猎按照层级规划进行梳理，大致可以分为四个层次：交付层、基础设施层、容器层、系统层。其中，交付层主要涉及应用代码、业务逻辑、用户体验、领域模型等的开发，这也是前端工程师的入门基础。下一层通常是基础设施层，主要包括框架/库、工程性能、安全覆盖、性能稳定性等相关建设。这也是大部分有一定开发经验的前端开发者喜欢去探索和涉猎的地方。层次，还是以常见的前端开发为主，但比业务交付层更抽象。一般来说，大部分前端工程师都会在这个层面徘徊，既不脱离业务也不涉足底层；深入通常会涉及到容器运行层面，这通常包括：对浏览器内核、运行环境、标准、协议等的深入研究。这也是大多数前端最不容易接触到的部分，但这确实是前端领域需要攻克的难点。虽然所做的努力不是很有效，但个人认为前端天花板的突破其实是比较重要的一个关卡；最后，对于系统层面，目前不属于前端范畴。一般来说，操作系统不会用js之类的语言来写。所以，对于前端工程师来说，突破的地方主要在前三个层次，即：交付层、基础设施层、容器层，保证交付能力，扩展基础设施能力，涉足容器能力。突破。在回顾了整整22年的关键词之后，下面将按照不同的方向来看过去一年前端领域的具体发展，以及23年能够得到哪些启迪和发展。工程方向工程方向是去年更新最多的领域。除了前端本身发展过程的历史背景，我个人认为工程是IT领域的一个重要方向，也是关系到整个技术管理的一个重要领域，你们这些巨头绝对不会放过这么受欢迎的方向。下面，我将挑选几个我个人认为比较重要的更新来简单回顾和讨论工程的过去和23年展望。建设：作为工程领域最重要的节点，必然是竞争的主战场。就前端建设而言，目前的市场份额仍以Webpack为主，但伴随着“bundle”和“bundless”解决方案的讨论；Vite等主要构建方案也提出了自己的一套构建方法理论方案，但bundleless方案需要一定的前提支持。目前Vite等构建方案也在构建方案中占有一席之地，众多跨语言的构建方案也一直在冲击工程市场。因此，我个人认为工程建设领域的混战将在23年后继续，但要取代Webpack成为生产环境的主流解决方案，着实不易。系统支持。模块化：自ESM诞生以来，前端模块化方案从IIFE、UMD、AMD、CommonJS、ESM等众多模块化方案逐渐汇聚到ESM与CJS的大战，而这场大战也延伸到了包装商的合作。.模块化，作为前端行业的软肋，一直困扰着很多前端开发者，但在官方原生支持后，前端工程环节也同步转向。我个人认为，短期内还是会出现多模并存的现象，但长期来看，我看好ESM一统江湖的可能性。这也给了一些天然支持ESM的打包者一些信心和支持，比如Rollup和Vite。Monorepo：作为工程管理解决方案的一个技术概念，Monorepo不是一个技术方案，而是一个技术概念。在前端工程中，monorepo主要基于lerna、pnpm、nx等解决方案。同时，与turbopack联合推出的turborepo也是monorepo整个仓储管理解决方案的大闭环解决方案。与multirepo和monolith的解决方案相比，monorepo虽然具有共享和组合的便利，但在权限体系的管理上存在一定的劣势。个人认为前端领域的monorepo还是需要找到能够平衡共享和隔离问题的解决方案，最终才能真正解决工程环节的体验问题。包管理：前端包管理不同于后端包系统。除了之前明显的npm区域问题外，还涉及到相应的update变化。虽然前端的繁荣发展离不开开源包的层出不穷，但是整个包系统的管理确实可以借鉴其他语言的设计思想，可以灵活运用，也可以标准化。综上所述，22年来整个工程领域发展迅速，但还是希望大家在核心问题上有所突破，有所创新。可以预见，23年仍将是工程化的一年。毕竟邀请其他领域的开发者共建分享，让前端更有发言权【手动狗头】。Node.js方向相对来说，Node.js方向主要是走前端自己的后端之路，也是最适合的地方。这里最重要的方向还是Serverless的前端贡献。NoSlate：NoSlate是阿里巴巴开源的无服务器解决方案。在调度、存储、运行时等方面进行自研优化，提出更简洁、轻量、高效的解决方案。Winter：全称Web-interoperableRuntime，本质也是V8Worker。标准化后基本可以作为FaaS功能运行时标准。综上所述，整个Node.js领域的发展相对来说是在serverless细分领域，这其实是Node.js更好的应用方向。毕竟传统后端开发实际使用Node.js还是有一定局限性的。相信在23年后，依然会与云原生领域有更深层次的融合。跨端方向总体来说去年几乎都选择了基于容器的方案。借鉴云原生领域的相关概念，也是理解跨端解决方案的好方法。Lath：Lath是阿里巴巴的纯前端容器。提供从事件处理到多场景容器优化的多种跨平台解决方案。Tauri：作为Electron的竞品，它是基于Rust和Webview2构建的。虽然不是容器方案，但对于内存+渲染的结合，还是在一定程度上改善了Electron的痛点。综上所述，整个跨端领域还是比较专注于“WriteOnce,RunEveryWhere”的理念，但真正做到却很难。个人认为跨终端方向可以侧重于某些场景的泛化。真正一概而论是没有意义的，因为越兼容，polyfill越多，有时候得不偿失。智能化方向最突出的进展是在低代码领域的相关发展。将低代码归为智能领域确实有些牵强，但借助AI相关能力，确实可以实现低代码的自动化，所以也包含在智能方向；最近发布的ChatGPT除了自身的D2C开发外，在前端领域也有一定的发展前景。D2C：作为前端领域的传统智能细分领域，利用机器视觉自动生成代码的关键在于不同模型的优化。低代码：低代码领域规范和约定的形成更为重要。阿里开源的LowCodeEngine可以作为低代码构建的参考。另外，智能化方向的自动生成，其实可能更具有研究价值。ChatGPT：作为2022年底最火的AI场景，对于回羊毛等行为，很快会有禁止计划。但是在前端领域，代码方案的相关指导还是有一定参考价值的。综上所述，整个智能领域除了传统的D2C解决方案外，前端领域的NLP相关的发展是可以考虑和创新的。交互方向交互方向应该是目前前端最神秘的方向，充满了很多未知数。在我看来，最重要的是新交互方式的探索和场景的应用。元界：前端技术作为一种贴近用户的工作类型，也会提供如：XR等形式。在虚拟角色生成方面，可能还有一些研究。Web3：前端作为Web领域的重要组成部分，在第三代肯定会有重要的应用场景。我个人认为区块链相关的上层应用可能还是有一些发展方向的，比如DApps。综上所述，交互方向应该是23年来变化最快的领域，也应该是最有可能产生新突破的方向。目前，机遇和挑战还很多，有想法的同学可以未雨绸缪。随着中后台方向单页瓶颈的出现，中后台方向出现了“久分必合，久合必分”的趋势。不管是微前端还是Islands架构，都有一种新瓶装旧酒的感觉。微前端：目前大多数常见的微前端方案都是以“SPA-like”的形式创建的，其本身在对接其他SPA时有天然的劣势。所以，我个人认为真正的“微前端”还没有出现，个人认为可以考虑借鉴微服务的容器化思想，真正达到“微”的效果。Islands：Islands架构的本质其实就是多种渲染方式的选择，从MPA到SPA，从SPA到MPA。其实我个人认为可以根据不同的场景做出不同的选择，合理利用资源才能提供最好的用户体验。综上所述，中后台的方向基本上是根据模板的选择来的。技术的选择不盲目超前。有的时候走复古风是另一种思考和体验。视觉方向最后，对于视觉方向，我个人认为可以针对不同的具体场景进行底层建设，从而产生更适合特定领域的图形可视化库。领域图库：对于可视化领域来说，最重要的是图库的选择和开发。但是，针对不同层次的可视化解决方案，也构建了基于特定领域的专有图形库来解决一类问题。突破和创新。3D图形库：大多数图形库往往专注于二维图形库的创建，对于3D可视化/编辑领域也有非常广阔的场景。综上所述，可视化方向可以着重于特定领域的底层建设，以及相应3D图形库的突破和发展。最后，回顾整个前端领域的发展，大致可以概括为：工程系统蓬勃发展，容器跨端竞争；智能领域多维度演进，交互体验机会丰富；建筑解决方案和谐而不同，视觉图形专业特别新；前端重在择善从善，深度突破。好吧，2023年就在这里。祝大家在新的一年里万事如意，在各自的领域取得成绩和进步。让我们互相鼓励吧！
