2022年前端技术发展趋势小结 .pdf

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] 阿特伍德定律：任何可以⽤ JavaScript 来写的应⽤，最终都将⽤ JavaScript 来写。 随着前端应⽤⼤型化、复杂化，TypeScript 肯定会越来越普及。未来，TypeScript 是否能得到浏览器和 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 亿