当前位置:   article > 正文

三大主流框架对比_图表化输出前端框架对比

图表化输出前端框架对比

一、Vue、angular、react三大主流框架对比
1、与angular 相比
api简单,快速上手,学习成本低;
anguar 使用双向绑定,Vue也支持双向绑定,不过为单向数据流,数据从父组件单向传给子组件
Vue.js 中指令和组件分得更清晰。指令只封装DOM操作,而组件代表一个自给自足的独立单位,有自己的视图和数据逻辑。在anguar中两者有不少相混的地方
anguar 的脏检查机制,造成了如果项目庞大之后性能降低问题;每次更新数据,都导致所有的数据绑定,进行移一次遍历
Vue 的数据变化更新是根据依赖追踪的观察系统并且异步列队去更新,数据变化都是独立的触发队列中相应的事件;
渲染层创建虚拟dom(轻量级,2.0),减少了内存开销和加快了渲染速度;
组件式开发,每一个组件都具有生命周期,便于自己状态的维护;实现了代码的高复用性
2、与react 相比
共同点
1、使用 Virtual DOM
2、提供了响应式和组件化的视图组件
3、将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库
优势:
1、vue的更行渲染过程是自动追踪的,而react 如果想要提高更新的性能需要通过 shouldComponentUpdate钩子函数对接数据进行对比;
2、对于组件的语法,在vue中即可以支持jsx语法,将css和html都写入js文件中,又可以使用template模板进行编译。在vue中退浆使用template 模板进行编译,减少学习成本,更符合前端开发语法,而react 仅仅支持jsx语法,
jsx的优点:
1、开发工具对jsx的支持比其他的vue模板更先进
2、对css支持
缺点:
1、vue中可以直接在style中写css语法,可以支持媒体查询等等一切css 属性,并且可以通过css样式的隔离,只能写入js文件中,比较简单的样式可以进行支付,但是如果比较复杂的则无法支持
2、Vue总结
缺点:
1、mvvm的开发模式,从dom中解脱出来,双向数据绑定;
2、数据更新采用异步事件机制
3、采用单向数据流
4、组件式开发
5、采用虚拟dom
6、支持模板和jsx两种开发模式
7、可以进行服务端渲染
8、可以进行服务端渲染
缺点:
1、不兼容ie8以下版本
1、生态圈不繁荣,开源社区不活跃

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/165579
推荐阅读
相关标签
  

闽ICP备14008679号