您现在的位置是:群英 > 开发技术 > web开发
web前端三大主流框架分别是什么?
Admin发表于 2022-07-30 17:34:463895 次浏览
这篇文章主要为大家详细介绍了web前端三大主流框架分别是什么?,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望对大家学习或工作能有帮助。

web前端三大主流框架:1、Angular,是一种用于创建单一应用程序界面的前端框架,具有模块功能强大,拥有自定义命令等优点;2、react,是一个用来构建用户界面的JavaScript开发框架,主要用于构建UI;3、vue,是一套用于构建用户界面的渐进式JavaScript框架,Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。

本教程操作环境:windows7系统、Dell G3电脑。

近十年以来,IT行业发展火热,衍生了很多新职业,例如UI设计师、开发工程师、软件测试工程师等等,在众多备受瞩目的新生职业中,Web前端工程师是其中的一员。那么Web前端三大主流框架是什么呢?

web前端三大主流框架是Angular、React、Vue。

1、Angular

AngularJS由Misko Hevery 等人于2009年创建,后来呗谷歌所收购。它是一款优秀的前端JS框架被应用多多种产品中去。它不仅是一个理念先进的前端开发框架,还是一种端对端的解决方案。它遵循架构设计中的MVC模式,提倡数据与逻辑处理组件的松耦合。AngularJS通过指令技术实现了对HTML的自然扩展,以及通过编译技术实现了数据模型与展现视图的双向自动同步,减轻了复杂的DOM操作。另外它也对前端的自动化测试技术提供了良好的支持。

Angular是一种用于创建单一应用程序界面的前端框架,它有许多核心功能例如数据绑定,服务,指令以及依赖注入等等。它具有模块功能强大,拥有自定义命令等优点

特性:

  • 1.良好的应用程序结构

  • 2.双向数据绑定

  • 3.指令

  • 4.HTML模板

  • 5.可嵌入、注入和测试

优点:

  • 1.模板功能强大丰富,自带了极其丰富的angular指令。

  • 2.是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能;

  • 3.自定义指令,自定义指令后可以在项目中多次使用。

  • 4.ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助。

  • 5.angularjs是互联网巨人谷歌开发,这也意味着他有一个坚实的基础和社区支持。

缺点:

  • 1.angular入门很容易但深入后概念很多,学习中较难理解。

  • 2.文档例子非常少,官方的文档基本只写了api,一个例子都没有,很多时候具体怎么用都是google来的,或直接问misko,angular的作者。

  • 3.对IE6/7兼容不算特别好,就是可以用jQuery自己手写代码解决一些。

  • 4.指令的应用的最佳实践教程少,angular其实很灵活,如果不看一些作者的使用原则,很容易写出四不像的代码,例如js中还是像jQuery的思想有很多dom操作。

  • 5.DI依赖注入如果代码压缩需要显示声明。

2、React

React,facebook出品,正式版推出是在2013年,比angular晚了4年,但得益于其创新式的VirtualDOM,性能上碾压angularJS,一经推出,火的一塌糊涂。 特点很多,VirtualDOM、JSX、Diff算法等,支持ES6语法,采用函数式编程,门槛稍高,但也更灵活,能让开发具有更多可能性。

特性

  • 1.声明式设计:React采用声明范式,可以轻松描述应用。

  • 2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。

  • 3.灵活:React可以与已知的库或框架很好地配合。

优点:

  • 1.速度快:在UI渲染过程中,React通过在虚拟DOM中的微操作来实现对实际DOM的局部更新。

  • 2.跨浏览器兼容:虚拟DOM帮助我们解决了跨浏览器问题,它为我们提供了标准化的API,甚至在IE8中都是没问题的。

  • 3.模块化:为你程序编写独立的模块化UI组件,这样当某个或某些组件出现问题是,可以方便地进行隔离。

  • 4.单向数据流:Flux是一个用于在JavaScript应用中创建单向数据层的架构5.同构、纯粹的javascript:因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行,预渲染你的应用有助于搜索引擎优化。6.兼容性好:比如使用RequireJS来加载和打包,而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。缺点:React本身只是一个V而已,并不是一个完整的框架,所以如果是大型项目想要一套完整的框架的话,基本都需要加上ReactRouter和Flux才能写大型应用。

3、Vue

Vue作为最后推出的框架(2014年),借鉴了前辈angular和react的特点(如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等)并做了相关优化,使其使用起来更加方便,更容易上手,比较少适合初学者。

特性:

  • 1.轻量级的框架

  • 2.双向数据绑定

  • 3.指令

  • 4.插件化

优点:

  • 1.简单:官方文档很清晰,比Angular简单易学。

  • 2.快速:异步批处理方式更新DOM。

  • 3.组合:用解耦的、可复用的组件组合你的应用程序。

  • 4.紧凑:~18kbmin+gzip,且无依赖。

  • 5.强大:表达式无需声明依赖的可推导属性(computedproperties)。

  • 6.对模块友好:可以通过NPM、Bower或Duo安装,不强迫你所有的代码都遵循Angular的各种规定,使用场景更加灵活。

缺点:

  • 1.新生儿:Vue.js是一个新的项目,没有angular那么成熟。

  • 2.影响度不是很大:google了一下,有关于Vue.js多样性或者说丰富性少于其他一些有名的库

  • 3.不支持IE8。

扩展知识:Vue.js与其他框架的区别?

1. 与AngularJS的区别

相同点:

都支持指令:内置指令和自定义指令。

都支持过滤器:内置过滤器和自定义过滤器。

都支持双向数据绑定。

都不支持低端浏览器。

不同点:

1.AngularJS的学习成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比较简单、直观。

2.在性能上,AngularJS依赖对数据做脏检查,所以Watcher越多越慢。

Vue.js使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。

对于庞大的应用来说,这个优化差异还是比较明显的。

2. 与React的区别

相同点:

React采用特殊的JSX语法,Vue.js在组件开发中也推崇编写.vue特殊文件格式,对文件内容都有一些约定,两者都需要编译后使用。

中心思想相同:一切都是组件,组件实例之间可以嵌套。

都提供合理的钩子函数,可以让开发者定制化地去处理需求。

都不内置列数AJAX,Route等功能到核心包,而是以插件的方式加载。

在组件开发中都支持mixins的特性。

不同点:

React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。

Vue.js在模板中提供了指令,过滤器等,可以非常方便,快捷地操作DOM。



感谢各位的阅读,以上就是“web前端三大主流框架分别是什么?”的内容了,通过以上内容的阐述,相信大家对web前端三大主流框架分别是什么?已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: web前端
相关信息推荐
2022-05-18 17:58:07 
摘要:本文由go语言教程栏目给大家介绍,主题是关于go defer的学习使用,希望对需要的朋友有所帮助!
2022-05-23 17:52:02 
摘要:go语言的缺点:1、缺少框架;2、go语言通过函数和预期的调用代码简单地返回错误,容易丢失错误发生的范围;3、go语言的软件包管理没有办法制定特定版本的依赖库。
2022-07-18 17:29:18 
摘要:PHP的中文意思为“超文本预处理器”,是一种跨平台的、开源的、免费、在服务器端执行的脚本语言,其语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。jsp的中文意思为“java服务器页面”,是一种动态网页开发技术;JSP技术以Java语言作为脚本语言,为用户的HTTP请求提供服务,并能与服务器上的其它Java程序共同处理复杂的业务需求。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部