有哪些目前流行的前端框架？

朴灿烈づ我的快乐病毒、 2023-10-10 13:28 51阅读 0赞

**这些框架对初级新手非常实用。**

**所用的图片里都差不多覆盖了一些常用的东西，直接拿来贴了。**  
1.库/框架选型：

![edd19f161c22162139d8da9f7de7f6b5.png][]

图中的也有一些没用过，中小型pc端项目的话在做技术选型时会多去尝试未用过的，这样可以快速去实践新东西。  
pc端会使用jquery做一些效果处理，移动端一般用zepto，更轻便一些，更多的一些js的处理会用underscore，常用的图标会使用Font Awesome。  
  
目前Vue依然是前端必须要掌握的框架，并且已经更新迭代到了3.0版本

以下视频是：全套视频教程，从Vue2.0到Vue3.0一套全覆盖，前端必会的框架教程

[黑马程序员Vue全套视频教程，从Vue2.0到Vue3.0一套全覆盖，前端必会的框架教程\_哔哩哔哩\_bilibiliwww.bilibili.com/video/BV1zq4y1p7ga?from=search&seid=16066299495913918875&spm\_id\_from=333.337.0.0正在上传…重新上传取消][Vue_Vue2.0_Vue3.0_bilibiliwww.bilibili.com_video_BV1zq4y1p7ga_from_search_seid_16066299495913918875_spm_id_from_333.337.0.0]

个人现在的态度便是在自己的项目中尝试很多新东西，嗯，初生牛犊不怕虎。  
2.前端工程构建工具的话：gulp 和grunt ,个人比较喜欢 gulp，简单粗暴。

![36108ce09839eb9774cb2af9fcd69a3f.png][]

3.JS/CSS模块化开发

![e4ac720185253b0e0b3a8aba256cf274.png][]

[模块化Am][Am]d和Cmd其实用哪个都无所谓，自己熟练哪个就好，大家也都还在继续使用，但是～前端的发展真的蛮快的，[玉伯][Link 1]也在自己微博上贴出了否定的态度：

![c92837d0a3ee7483bf337519eb164cd4.png][]

推荐新手视频：Vue.js快速入门课程----

比较适合初学者，重点完成从早期基于Dom开发，到Vue中基于数据开发的编程思路转换，除了Vue的基础语法之外，还包含了网络请求库axios的基本使用，中间穿插着5个精心设计的案例

[黑马程序员vue前端基础教程-4个小时带你快速入门vue\_哔哩哔哩\_bilibiliwww.bilibili.com/video/BV12J411m7MG?from=search&seid=16066299495913918875正在上传…重新上传取消][vue_-4_vue_bilibiliwww.bilibili.com_video_BV12J411m7MG_from_search_seid_16066299495913918875]

![3ceb6f9ad580034e0553ddddf748a584.png][]

未来我会不定时更新，来讲一下自己学习前端的心路历程。

记得点点关注，让你学习少走弯路。

[edd19f161c22162139d8da9f7de7f6b5.png]: https://img-blog.csdnimg.cn/img_convert/edd19f161c22162139d8da9f7de7f6b5.png
[Vue_Vue2.0_Vue3.0_bilibiliwww.bilibili.com_video_BV1zq4y1p7ga_from_search_seid_16066299495913918875_spm_id_from_333.337.0.0]: https://link.zhihu.com/?target=https%3A//www.bilibili.com/video/BV1zq4y1p7ga%3Ffrom%3Dsearch%26seid%3D16066299495913918875%26spm_id_from%3D333.337.0.0
[36108ce09839eb9774cb2af9fcd69a3f.png]: https://img-blog.csdnimg.cn/img_convert/36108ce09839eb9774cb2af9fcd69a3f.png
[e4ac720185253b0e0b3a8aba256cf274.png]: https://img-blog.csdnimg.cn/img_convert/e4ac720185253b0e0b3a8aba256cf274.png
[Am]: https://www.zhihu.com/search?q=%E6%A8%A1%E5%9D%97%E5%8C%96Am&search_source=Entity&hybrid_search_source=Entity&hybrid_search_extra=%7B%22sourceType%22%3A%22article%22%2C%22sourceId%22%3A417576419%7D
[Link 1]: https://www.zhihu.com/search?q=%E7%8E%89%E4%BC%AF&search_source=Entity&hybrid_search_source=Entity&hybrid_search_extra=%7B%22sourceType%22%3A%22article%22%2C%22sourceId%22%3A417576419%7D
[c92837d0a3ee7483bf337519eb164cd4.png]: https://img-blog.csdnimg.cn/img_convert/c92837d0a3ee7483bf337519eb164cd4.png
[vue_-4_vue_bilibiliwww.bilibili.com_video_BV12J411m7MG_from_search_seid_16066299495913918875]: https://link.zhihu.com/?target=https%3A//www.bilibili.com/video/BV12J411m7MG%3Ffrom%3Dsearch%26seid%3D16066299495913918875
[3ceb6f9ad580034e0553ddddf748a584.png]: https://img-blog.csdnimg.cn/img_convert/3ceb6f9ad580034e0553ddddf748a584.png