当前位置:首页 » 网页前端 » 前端框架优缺点
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端框架优缺点

发布时间: 2022-05-21 16:32:37

‘壹’ Web前端主流框架—React的优缺点分析

React:


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才能写大型应用。


以上就是青藤小编关于Web前端主流框架:React的优缺点分析的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注哦!

‘贰’ 北京web前端培训,三大框架去选那个

大家都知道,前端入门三件套:HTML、CSS、JS,但是迈过这个基础阶段,在以后实际工作中常常需要用到web前端框架,因为不可能每个项目都从头开始码代码,一个好的框架可以帮你节省很多力气,也有利于后期的维护。但是面对这三大框架,我们应该怎么选呢?
诚筑说带你先看看Angular&Vue& React这三大框架分别有哪些优缺点?
Angular
优点:
2012年发布版本1.0,后由谷歌接手负责持续的开发维护,你可以放心的。
Angular是一个比较完善的前端框架,服务、模板、数据双向绑定、模块化、路由、过滤器、依赖注入等功能相当完整,同时模板功能强大,自带了丰富的指令,易于操作。此外还引入了一些java的思想,所以有java基础的同学也能够较快上手的。
缺点:
技术文档可操作性不强,缺乏实例,很多功能的使用需要依赖搜索,对自学能力要求较高。入门容易,但是后期学习容易进入瓶颈,概念深入,不易理解。此外版本较多,没有做到很好的兼容,整体较重,渲染初始化慢。
React
优点:
是Facebook的内部项目开源,提出了一种新思路解决Web/Native开发。运用了Virtual Dom技术,比起Angularjs来说,更新dom的次数少,更新的内容少,速度会更快。采用声明式设计,可以轻松描述应用,更加灵活,也能和已知的框架或库很好的配合。
缺点:
严格来说可能并不算是一个完整的框架,很多功能无法直接实现,发布较新,很多功能还需要进一步的完善,缺少大项目的实际应用。
Vue
优点:
轻量级!也简单易上手,介绍是构建用户界面的渐进式框架,可以灵活选取功能。简洁、轻量、快速、数据驱动、模块友好、组件化,这些特点都有利于更简单的开发页面,同时乘着近些年小程序的热潮,webapp的持续发展,Vue也是广泛使用。
缺点:
相对于家大业大的angular,历史不久的Vue,部分功能还不够完善,支持的库和拓展的丰富性还有待提升,同时对于老浏览器的支持也不太好。数据复杂起来也容易变得不好维护。
我们可以看到,三大框架都有自己擅长的方面,应用场景各有不同,新手想要持续进阶的话,要想好自己的学习目的,不过很多时候都是跟着公司使用的技术学习,而且熟练学会一门,再去使用别的框架都不会太难了。

‘叁’ Web前端主流框架—Angular的优缺点分析

Angular:


Angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。它有以下的特性: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依赖注入如果代码压缩需要显示声明。


以上就是青藤小编关于Web前端主流框架:Angular的优缺点分析的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注哦!

‘肆’ 3个前端框架的优缺点在哪里

三个前端框架难道不是react,vue,和angular?

‘伍’ 前端常用的框架有哪些

给你介绍Web前端三大主流框架
React:
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才能写大型应用。

Vue:
Vue是尤雨溪编写的一个构建数据驱动的Web界面的库,准确来说不是一个框架,它聚焦在V(view)视图层。
它有以下的特性:
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。

Angular:
Angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。
它有以下的特性:
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依赖注入如果代码压缩需要显示声明。

‘陆’ Hbuilder mui这个前端ui框架如何有什么优缺点

我觉得
UI
框架的优缺点要从本身的几个特点来看:
UI
框架应该有的基本功能,比如各种浏览器内核的适配,比如
touch/swipe
的封装,即使没有
swipe
也要能够方便接入别人的插件,目前敢放出来推广的框架都做到了这些。
手机特有的
layout/交互/UI
Pattern,有的框架会模仿
iOS
原生应用的
UI,有的专为
Android
而做,也有兼顾的,因为不管是
iOS
还是
Android
一年之后都会变换风格,所以
UI
框架默认提供的
UI
虽然重要(很多人很懒或者没有能力自己设计),但是提供的
UI
易以定制更重要。
上手难度和开发方式,是指
UI
框架内部是如何设计来满足你开发、增加新模块的需求的,比如你的
app
要增加一个侧边栏,分别对应几个栏目,要写什么代码,需不需要自己写代码。
是否有一些小亮点,比如
icon
全部是
icon
font,内置复杂的
carousel
plugin
等等。

‘柒’ 前端不会框架能找到工作吗

不能一口咬定说找不到工作,但是就目前的前端岗位招聘来说,前端开发Vue 和 React 最起码得会一个,毕竟这是行业招聘的标配了。所以,如果你不会 Vue 或者 React 框架确实有点不占优势,是求职中找工作的一个劣势。

当然,现在不会框架不代表你以后(面试)不会呀。既然已经知道要学一些框架才会更容易找工作,就应该付诸行动立马去学。立即行动并不算晚,如果你想着推到明天去学就晚了,因为明天又会想着等下一个明天。

‘捌’ vue,angular,avalon这三种MVVM框架之间有什么优缺点

Vue.js
优点:

简单:官方文档很清晰,比 Angular 简单易学。
快速:异步批处理方式更新 DOM。
组合:用解耦的、可复用的组件组合你的应用程序。
紧凑:~18kb min+gzip,且无依赖。
强大:表达式 & 无需声明依赖的可推导属性 (computed properties)。
对模块友好:可以通过 NPM、Bower 或 Duo 安装,不强迫你所有的代码都遵循 Angular 的各种规定,使用场景更加灵活。

缺点:

新生儿:Vue.js是一个新的项目,2014年3月20日发布的0.10.0 Release Candidate版本,目前github上面最新的是0.11.4版本,没有angular那么成熟。
影响度不是很大:google了一下,有关于Vue.js多样性或者说丰富性少于其他一些有名的库。
不支持IE8:哈哈不过AngularJS 1.3也抛弃了对IE8的支持
AngularJS
AngularJS最近很火,追随者也很多。 Superheroic JavaScript MVW Framework
官方说得很朴素:“完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS和JavaScript)配合使用,使Web应用开发比以往更简单、更快捷“。当你学习它的时候,我相信你会被它的很多新特效所吸引。
优点:

动态视图:以前从来没有想过js可以如此扩展HTML的属性,但是AngularJs做到了,它替我们静态的HTML加了很多扩展性功能,有一种让HTML由死变活的感觉。
完善:是一个比较完善的前端MVW框架,包含模板,数据双向绑定,路由,模块化,服务,依赖注入等所有功能,模板功能强大丰富,并且是声明式的,自带了丰富的 Angular 指令。
Google维护:AngularJS有Google来维护,无疑有了一个强大的后台,对于推广和维护明显比Vue.js和avalon有优势,社区也非常活泼,能够很好促进它的发展。
AngularJS & Ionic:Ionic: Advanced HTML5 Hybrid Mobile App Framework,这俩就是一个好基友,Ionic通过用AngularJS为了创建一个框架,最适合开发的丰富和强大的应用程序。上次于知乎答了一个相关问题做webapp开发,性能和效率最好的框架和打包app平台分别是哪个? - 汤威的回答,详细可以见这里。
缺点:

大而全:学习起来有难度,对于我来讲学习曲线很曲折,比较难理解一些。
推翻重写:前段时候逛社区发现AngularJS2.0会把之前的推翻重写,两个框架的改变很大,基本是两个框架了,等于是说等到2.0出来后又需要从头开始,不过又说回来
Avalon.js
优点

使用简单,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了!
兼容到 IE6 (其他MVVM框架,KnockoutJS(IE6), AngularJS(IE9), EmberJS(IE8), WinJS(IE9) ),另有avalon.mobile,它可以更高效地运行于IE10等新版本浏览器中
没有任何依赖,不到5000行,压缩后不到50KiB
支持管道符风格的过滤函数,方便格式化输出
局部刷新的颗粒度已细化到一个文本节点,特性节点
要操作的节点,在第一次扫描就与视图刷新函数相绑定,并缓存起来,因此没有选择器出场的余地。
让DOM操作的代码近乎绝迹
使用类似CSS的重叠覆盖机制,让各个ViewModel分区交替地渲染页面
节点移除时,智能卸载对应的视图刷新函数,节约内存
操作数据即操作DOM,对ViewModel的操作都会同步到View与Model去
自带AMD模块加载器,省得与其他加载器进行整合。
缺点
缺点可以看这里相比Angular,Avalon有什么缺点呢? - 司徒正美的回答
终于答完了,还有一些我没有找到的还有错误的希望大家指出。

‘玖’ 认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别

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。

‘拾’ 前端框架是什么有什么用、有什么好处

前端框架一般指用于简化网页设计的框架,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等)。

前段框架的好处:对于互联网的产品而言,前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说,考虑的问题更为复杂,他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码,保证体验的最佳,更要考虑与市面上各大浏览器的兼容性,还需顾及Web前端表现层和前后端交互的架构,以及模块化、通用类库、框架编写等一系列问题,由此提升前端开发的效率,降低开发成本和周期。