至今已是2023年，经过近几年的发展，前端的生态已经得到很好的完善，像uniapp、echarts等框架，让前端的生态多姿多彩，本文就目前2023年的前端生态进行度量，看看那些是前端技术员去学习新技术是，应当优先学习的技术点。

8星

•     HTML           理解块、行级元素会让自己学习HTML布局快很多

•     HTML5         新特性基本上被UI组件库替代，基本了解即可

•     CSS             玄学技术点，能学多少看个人,但是基本的应当掌握。

•     Css3            了解过后，直接百度现成的Css3效果即可

•     Javascript    DOM节点的操作与定时器为重点

•     Es6+            async/await 与 const let 为重点

后面的技术点基本上都是源自以上的技术框架进行研发的，类似于这些就是一辆车的最基本构造，而后面的技术框架，与技术方案，就类似与卡车、跑车，是在该基础上的升级，方便前端开发者进行快速的开发，所以以上技术点应当是前端着重学习与理解的技术，常学常新。

7星

•     面试题                 想找好工作，面试题就往死里背
•     Vue全家桶              国内最受欢迎  路由模块、组件模块、生命周期函数、跨页面通信为重点
•     Flex布局               页面布局好帮手
•     Axios                  ajax的封装组件库，用户请求数据，对前端最友好
•     Npm                       包管理工具，就几条命令，掌握基本的命令及效果即可
•     微信小程序            小程序开发基本上就是读文档
•     Ui组件库                  UI组件库基本上都是一样的，基本上会一个其他的基本上都会
•     Scss                       Css的高级插件，便于维护项目中的Css
•     H5开发                   H5开发主要是页面适配问题为重点
•     Git                          代码管理工具

6星

•     React全家桶               React函数式编程，对前端有一定的要求能力，懂Vue学React也不费事，                                        主要 用于开发大项目

•     Typescript                前端未来的主流语言，大型项目的好帮手，是Js的升级版

•     Ucharts                    图表渲染软件，多用数据的展示  

•     Uniapp                     多端适配框架，跟Vue基本一致，直接上手就行

•     Css3动画                   动画效果直接百度，有现成的可以直接套用

•     面向对象编程           前端基本上是数据推动视图，所以要理解面向对象编程，便于数据的渲染

•     数据本地化               将一些重要的数据存储在本地，减少服务器压力

•     项目测试                  能够快速查找到BUG所在

•     项目部署                  将项目部署在服务器上，让用户进行体验，不懂建议直接问大佬

•     项目优化                  因项目而异，项目优化能够快速提升个人能力

•     异步编程                  理解同步与异步的原理，能解决大部分项目中的问题所在

5星

•     Map地图组件         地图渲染，基本上是看文档，用到就学，没必要提前学习

•     Canvas                     前端高阶技术，可以用到再学

•     Group布局              可以先理解，用到再学

•     JQuery                    了解即可，本质上就是DOM操作的封装

•     浏览器基本常识       提升开发效率

•     Vite                         未来主流的项目手脚架工具，可以了解个大概，有能力直接用

•     ESO优化                   提高项目质量

•     网页流媒体                   针对图片、视频、音频、文件、直播等功能开发

4星

•     Less                           Css的高级插件，便于维护项目中的Css  与Scss基本一致 二选一即可

•     设计模式                   提高项目质量，减少代码体积

•     Node.Js                    可以，但没必要。

•     各框架源码解析        可以不学，不会有的影响

•     ThreeJs                      用到再学

•     计算机网络                提高开发效率

•     计算机系统                提高开发效率

•     webpack                    2023年了   可以不学  有更多的替代品

•     宏、微任务                提高技术价值

3星

•     英语                                提高开发效率

•     React-Native                  用到再学      

•     数据结构与算法               提高开发效率

•     网页安全色                      提高技术价值

•     操作反馈设计                  提高技术价值

•     this指向                           提高开发效率   

•     Js原型链                          提高开发效率

2星

•     艺术                             提高技术价值

•     哲学                            提高技术价值

•       数学                          提高开发效率

•     文档编写                     提高技术价值

•     个人博客                     提高技术价值

•     AngularJS                  用到再学       

1星

•     bootstrap                  用到再学    

•     Serverless                一种网络解决方案，大项目中有较好的体验。

本文章不引战、不做争论，只是本人对前端目前行业的分析，如有不对的地方请指出。