前端三大主流框架如何去选择?,前端面试秘籍

我们先看看这三个框架在Google Trends的表现,因为在Google Trends上并没有Vue主题,所以为了公平起见我选择了计算机类型,并以搜索词作为比较对象,虽然这样比较也并不十分准确,但也足以说明我们想要的答案。

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 为什么相性特别差?)

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

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

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

文章到这里就结束了,如果觉得对你有帮助可以点个赞哦,如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取,包括答案解析。

/bbs.csdn.net/topics/618191877),包括答案解析。**

[外链图片转存中…(img-4iu2nhZV-1712307807389)]

  • 16
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值