nginx部署前端项目关于2022前端发展趋势的总结
“天下⼤势，浩浩汤汤，顺之者昌，逆之者亡。”
以下是对前端各位⼤佬2021总结的⼀个汇总总结。希望可以看到⼀些前端⾏业的动向，排布。帮助团队和⾃⾝制定未来的规划。内容分为四个部分：
1.
基础框架/⼯程化
2.
语⾔
3.
⾏业趋势
4.
底层演进
1. 基础框架/⼯程化随着 jQuery.js 渐渐淡出⼈们的视野，前端开发框架成为了开发⼈员必不可少的⼯具，也成为⼤家最为关注的东西。 mv* 框架 React（Next.js） Vue（nuxt.js） Svelte Angular。 React 即将发布18版本，vue3 成为vue默认版本，Svelte异军突起。打包⼯具传统：Webpack, Rollup, Parcel, Esbuild ESM相关：Snowpack, Vite；ESM的实现：在开发环境编译时，使⽤ Server 动态编译 + 浏览器的 ESM，基本上实现了“开发环境 0 编译”的功能。⽽⽣产环境编译时，则会调⽤其他编译⼯具来完成（如 Vite 使⽤ Rollup）。语法规范 Babel Prettier ESLint CSS Tailwind
CSS（原⼦类） web3D Three.js Oasis Engine 跨端 React Native Flutter Weex uni-app taro 桌⾯端 Tauri（Webview + Rust/.Net/Go） electron（Chromium + Nodejs）微前端 qiankun single-spa micro-app E2E 测试 cypress（node服务，与程序⼀起运⾏） puppeteer（⽆头浏览器） shell zx 以下是stateOfJs对2016-2021各个框架的趋势统计： 2. 语⾔语⾔排⾏2.png _数据来源↑_[1] QQ语⾔.jpg _腾讯2020研发⼤数据报告↑_[2] yuyan_TIOBE.png _TIOBE 2⽉编程语⾔排⾏榜↑_[3] 阿特伍德定律：任何可以⽤ Java 来写的应⽤，最终都将⽤ Java 来写。随着前端应⽤⼤型化、复杂
化，Type 肯定会越来越普及。未来，Type 是否能得到浏览器和 Node.js 原⽣⽀持呢？我们⼀起期待吧。前端的同学如果有想学习其他语⾔的，有如下推荐： Rust 是 JS 基础设施的未来 - Lee Robinson 全栈 —— Go AI —— Python Flutter —— Dart 3. ⾏业趋势 3.1 前端智能化低代码（LowCode）其实就是早期的搭建系统、组件平台等（宜搭、微搭），这个概念2014年被著名的研究机构Forrester提出。
低代码平台的门槛在逐步降低，从专业的技术⼈员向业务⼈员进⾏转变，中国低代码⾏业⽐较分散。其中，OutSystems、Mendix、微软Salesforce、ServiceNow 被评为⾏业领导者。Appian、Oracle 和 Pega 被评为挑战者。Creatio、Kintone、Newgen 和 Quickbase 被评为利基（niche）市场参与者。今年没有⼚商被评为远见者。Gartner 预测：“到 2023 年，超过 70% 的企业将采⽤低代码（LCAP）作为他们发展战略的关键⽬标之⼀"。到 2025 年，整体 LCAP（低代码开发平台）市场规模将达到 290 亿美元，年复合增长率超过20%；其中，LCAP 的细分市场预计将在 2020——2025 年之间，从 44.5 亿美元增长⾄ 143.8 亿美元，复合年增长率为 26.4%。代码⾃动⽣成Sketch2Code，AI 将⼿绘稿⼦转换为 html 代码。imgcook，将Sketch/PSD/图⽚转换为React、Vue、Flutter、⼩程序等代码。 3.2 ⼤前端（泛前端）从切图仔、写 HTML 模板的“⽯器时代”，到前后端分离、⼤前端的“⼯业时代”，再到现在跨端技术、低代码的“电⽓时代”。前端研发的职责⼀直在改变，同时前端研发需要掌握的技术也在迭代更新。- 字节前端 Serverless Serverless 是⼀种基于云计算的简化⽅式，基本可以理解为 FaaS（函数即服务）+ BaaS（后端即服务），在 BaaS 层进⾏存储与计算，在 FaaS 层提供云函数。在 Serverless 的赋能之下，前
端⼯程师能够将页⾯交互、业务逻辑、数据处理等全部掌控在⾃⼰的⼿中，实现了真正全栈的可能。全栈 “全栈开发者”是指“同时掌握前端、后端以及其他⽹站开发相关技能的开发者”。⼀个“全栈开发者”可能会使⽤以下技能点：前端：Java、H5、CSS3、sass、less、React、Vue、webpack、jest。
后端：Nodejs/Deno、Go、Java、Spring、Gin、Kafka、Hadoop。数据库：MySQL、mongoDB、redis、clickhouse。运维：⽹络协议、CDN、Nginx、ZooKeeper、Docker、Kubernetes。值得注意的是，⼀个优秀的⼯程师并不是以“栈”数取胜，⽽取决于你解决了什么层次的问题。“全栈”或者“专家”仅仅是实现⽬标的过程状态。吴军在《硅⾕来信》中，将⼯程师划分成五个等级：从⼯程师能⼒模型来看，第⼀级需要集“天时地利⼈和”⼤成，是⼯程师的最⾼荣誉。普通⼈或许可以将⽬标聚焦在第⼆、三级。优秀的⼯程师并不是以“栈”数取胜，更重要的是拥有产品观、全局思维、沟通能⼒、学习能⼒、解决问题能⼒等。来源：《来⾃未来，2022 年的前端⼈都在做什么\?》[4] DevOps DevOps（Development 和 Operations 的组合词）是⼀种重视“软件开发⼈员（Dev）”和“IT 运维技术⼈员（OPS）”之间沟通合作的⽂化、运动或惯例。透过⾃动化“软件交付”和“架构变更”的流程，来使得构建、测试、发布软件能够更加地快捷、频繁和可靠。在开发、测试、部署、运维等多个领域进⾏了共建。与 Kubernetes 相结合：Kubernetes 是⼀种开源容器编排系统，容器技术的⽇益普及是 DevOps 出现的因素之⼀。使⽤ Kubernetes DevOps，软件开发⼈员和运维团队可以快速实时地相互交换⼤量的应⽤程序，⼤⼤提⾼了⽣产⼒。微前端微服务架构：微服务架构可以将⼀个应⽤分成若⼲个更⼩的服务，这让整个开发过程具有很⾼的敏捷性和可拓展性。常⽤的微前端框架包括 qiankun、single-spa、micro-app：微前端我觉得它其实没有太多的趋势。⾸先微前端就不是⼀个⼤家都要⽤的。微前端沾了微服务的光，但是微服务是所有后端基本上都要往架构上迁，微前端很明显不是这样的。它更多的是单页应⽤并有多框架隔离的需求，然后做出微前端这样⼀个技术⽅案。我觉得说实话，微前端
就不该这么热，包括很多学⽣都会问我微前端，我反问你有没有看过微前端解决什么样的问题？如果⾮要往这上边靠的话，就相当于没有困难创造困难也要上，举个例⼦，公司⼀共有四五个前端，就⾮要⽤微前端架构，四五个⼈都可以⽤不同框架，这其实是没必要的。- 程劭⾮（winter）我⽐较赞同⽼师说的，我认为⼀切技术都为于解决某个问题，关键在于我们有没有准那个关键的问题，是否在解决这个问题。⼩程序根据winter⽼师的看法，⼩程序只是⼀个前端的技术实现⽅案，并⽆⼤的难点和技术创新，更重要的是看商业模式上的考量。上图截选⾃：阿拉丁《2021 年度⼩程序互联⽹发展⽩⽪书》解决⼩程序的跨平台开发问题可以采⽤框架转换：uni-app（Vue）、taro（React）。 5G时代 5G 时代到来，5G将与超⾼清视频、VR、AR、消费级云计算、智能家居、智慧城市、车联⽹、物联⽹、智能制造等产⽣深度融合，这些都将为前端技术的发展带来新的增长和机遇。WebGL、WebGPU等技术也将迎来⼀波发展的机会。 Web
3D3D 类的 H5 ⼩游戏、在线看房、电⼦商务、在线教育等，对于技术⽽⾔这⽆疑是⼀⽚沃⼟。随着 5G 技术发展，视频加载速度会⾮常快，简单的实时渲染会被视频直接替代。复杂的可以通过服务器渲染，将画⾯传回⽹页中，只要传输够快，⼿机的性能就不再是问题。相关的⼀些库：Three.js 、 Oasis Engine 、 Babylon.js 、 PlayCanvas.js WebRTC (Web Real-Time Communications)传统的技术包括：，WebSocket，未来：WebRTC 会在点对点私密传输、娱乐领域，元宇宙领域，低延迟领域⼤放异彩。 4. 底层演进前端历年⼤事件 2021 Java⼤事件↓ Java 8.24：Type 新官⽹上线 12.4：Java
26 岁了 Node.js 2.2：npm 7.0 正式可⽤ 3.29：Deno 公司成⽴ 4.21：Node.js 16 发布 7.20：Node-RED 2.0 发布，低代码编程⼯具 9.20：Node.js 发布 Corepack，⽤于管理npm、yarn、pnpm、cnpm 10.19：Node.js 17 发布 Vue 8.3：Vue.js 被选作的前端框架 8.5：Vue 3.2 发布 11.24：Pinia 正式成为 vuejs 的⼀员 React 5.28：React 18 alpha 发布 10.5：React 全新⽂档发布 11.27：Next.js 12 发布 12.14：Create React App 5.0 发布打包⼯具 2021.1.6 Snowpack 3.0 发布 2021.2.17 Vite 2.0 发布 2021.10.13 Parcel v2 发布其他 2021.3.6 jQuery 3.6.0 发布2021.3.17 Chrome V8 9.0 发布 2021.10.7 jQuery Mobile 弃⽤ 2021.11.4 Angular v13 发布浏览器 Chrome ⼀家独
⼤，IE 浏览器将于 2022 年 6 ⽉ 15 ⽇正式停⽤。 HTML6.0 ⽀持原⽣模式、没有 Java 的单页应⽤程序、⾃由调整图像⼤⼩、专⽤库、微格式、⾃定义菜单、增强⾝份验证、集成摄像头。 WebAssembly WebAssembly 简称 Wasm，是⼀种可在 Web 中运⾏的全新语⾔格式，同时兼具体积⼩、性能⾼、可移植性强等特点，在底层上类似 Web 中的 Java，同时也是 W3C 承认的 Web 中的第 4 门语⾔。在前端的游戏、⾳乐、视频等领域⼤放异彩，⽬前很多桌⾯软件也纷纷通过编译成 Wasm 的形式搬进了浏览器中。 2022 年 Wasm 功能将会不断完善，同时也会有越来越多的传统 PC 软件推出 Web 版本。 wasm.png _来源：ELab团队↑_[5] 开源⾸次被列⼊⼗四五规划，2021年，中国企业积极构建开源平台。根据GitHub统计，中国开发者已成为全球最⼤规模的开发者体。元宇宙游戏、VR/AR、区块链数字资产等等概念的整合。 web 3.0 web1.0: 单向信息，只读；web 2.0的标志：User Generated Content（⽤户⽣成内容，例如微博、
念的整合。 web 3.0 web1.0: 单向信息，只读；web 2.0的标志：User Generated Content（⽤户⽣成内容，例如微博、Facebook）；web3.0: ⼈和⽹络以及⽹络与⼈的沟通。 5. 总结在⼯业4.0的⼤背景下，随着⼈⼯智能、云计算、⼤数据、物联⽹、区块链等互联⽹潮流技术的不断推进，互联⽹⾏业⾛向⼯业化和智能化。全球疫情的常态化，越来越多的公司选择或者不得不居家办公（WFH），必然给前端⾏业带来更多的机会。 2023 年底全球软件开发⼈员达到 2770万，中国将占6％⾄8％，前端预计30万左右，⽽Java 在全球⽬前约有 1400 万开发者。 2005左右才出现前端的岗位，变化⾮常快，⽬前还是处在发展期（好事⼉），只有把握底层变化，不断思辨和学习，才能把焦虑控制在⼀定范围内。另外说到“卷”，还是上进⼼导致的，对吧？真想躺的话，能躺的办法还是挺多的。如果想要进前端的领域，从学习的⾓度来讲，我推荐 hard way。也就是说，我们看起来最难的那条路反⽽是最简单的，那些看起来简单的路，它有可能反⽽是更绕。你想往⼭顶上⾛，肯定选择最陡峭的，你想⾛下坡路，肯定选择最远的那条路。这个道理是是我想今天传达给⼤家的，原因还是在于看到太多的同学们想⾛捷径，或者说想⾛简单的路，结果反⽽越⾛越远，最后绕回来的话反⽽消耗更⼤。- 程劭⾮（winter）最后，⼩⼚前端团队押宝什么? 押技术落地，押Vue3.0、TS、Three.js，押年轻⼈！声明：⽂章著作权归作者所有，如有侵权，请联系⼩编删除。感谢 · 转发欢迎⼤家留⾔

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。