前端三大主流框架如何去选择？，2024年最新2024年最新前端面试经历

最新推荐文章于 2024-07-03 11:45:00 发布

2401_84138803

最新推荐文章于 2024-07-03 11:45:00 发布

阅读量773

点赞数 16

分类专栏： 2024年程序员学习文章标签：前端面试职场和发展

本文链接：https://blog.csdn.net/2401_84138803/article/details/137946648

版权

2024年程序员学习专栏收录该内容

139 篇文章 0 订阅

订阅专栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

React和Angular热度差不多，奇怪的是在2018/12/23~2018/12/29这个时间段React和Angular热度都有很大的下降，Vue虽然也稍有下降，但是不算很多，这里我猜测是歪果仁们都去过圣诞节了，谁还有心思写代码啊。圣诞节对中国人来说不是主要节日，但程序猿们也可能会追一下潮流，所以也稍有下降。什么？为什么Vue跟中国有关系？因为Vue是中国人发明的，它的主要市场在中国。在这个热度比较中对Vue有很多不公平，因为很多国人可能会通过百度等国内搜索引擎，但这里我们不深究，因为即时如此React和Angular可以说是国际流行，Vue与这两个框架在市场份额上还是有所差距。

在GitHub上，Vue的关注度很高，其热度和稳定性一点不输给Angular和Vue，Angular的Issues很高，这说明Angular的稳定性还不足。通过这个图表，我们可以看出Angular和Vue的热度在持续增加，React因为发布较早已区域稳定，但结合Google Trends图我们可以看出，React已是成熟稳定的JavaScript包库，它的市场占有率和使用率还是很大的。

React

====================================================================

React是由Facebook公司推出的前端包库。提供了响应式和组件化的视图组件，并且拥有强大的路由系统，在React中淡化了HTML和CSS的模版应用，它通过JSX语法糖可以方便快捷的建立网页节点。React Native让React具有多平台的能力。React最大的优点就是通过虚拟DOM实现高性能，并且具有繁荣的生态社区。

由于React淡化了HTML模版概念，这使得大多数前端开发者在开始学习React时不习惯，HTML可以给开发者更为直观的开发感受。React使用CSS-In-JS实现CSS引入，这需要额外的运行时程序开销。React依赖繁荣的社区来丰富自身的能力，这也使得功能维护更分散。React的类库虽然尽可能的与React共享API和生态，但它们也有自己的小生态。因此很多时候类库并不是所有功能都完全兼容React。

React的主要用户有Facebook、Uber、Netflix、Twitter、Udemy、Paypal、Reddit、Tumblr、Walmart。

Angular

======================================================================

Angular现在由Google团队维护的一个JS框架，它是在AngularJS 1.X之后重新开发的全新框架，因此Angular不具有兼容AngularJS的能力。Angular是基于TypeScript开发的JavaScript MVVM框架，这里我也见到有网友认为它是MVC框架，我个人更偏向于MVVM。它具有很强的HTML和CSS亲和性，这让很多传统开发者可以更快上手。它具有自己的DSL语言，可方便的在HTML中实现逻辑判断、for循环等功能。Angular以模型、组件、模版、服务等等类似于Java和C++面向对象的概念，这也让后端开发者可以更容易的学习。

Angular由于其设计引入很多架构概念，导致其复杂度很高，提升了学习曲线的陡峭程度。Angular具有很强的规则性，也就是说无论开发者开发大项目还是小项目都必须按照其规则进行开发，这导致其向下扩展性不足。Angular的项目体积相对于React和Vue都会比较大，虽然并不一定对性能产生很大的影响，但是降低了它与React和Vue的竞争力。

Angular的主要用户有Google、Forbes、WhatsApp、Instagram、healthcare.gov。

Vue

==================================================================

Vue的创始人是中国人尤雨溪，作为中国人感觉骄傲一下。由于尤雨溪参与过Angular的开发，因此Vue的设计参考了React、Angular和Polymer，我个人觉得Vue更像是React和Angular的结合，舍去了二者的一些缺点，整合了二者的主要优点。Vue也使用了虚拟DOM，并提供了响应式和组件化的视图组件，官方提供了基于核心包之外强大的路由系统和状态管理库。Vue主要支持HTML和CSS模版，但同时也支持JSX和CSS-In-JS，也可方便的继承Redux，它需要结合Weex实现多平台的能力。Vue更像是更简单的React+Mobx。它兼具React的高性能和Angular的框架组织性，并具有很好的向下向上扩展性。

Vue是基于Flow团队设计的，而由于Flow团队的GG，所以其在类型推导上相比Angular要略逊一筹，但据创始人尤雨溪透露，在Vue的下一个版本中将会基于TS实现更好的类型推导能力。（可参考InfoQ文章：尤雨溪回应：Vue 与 TypeScript 为什么相性特别差？）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**