如何全面对比分析Web前端三大主流框架的优缺点?
- 内容介绍
- 文章标签
- 相关推荐
本文共计836个文字,预计阅读时间需要4分钟。
比较如下:
1.Vue,提供的API都比较简单、直观,使用DOM模板;
2.Angular,依赖对数据进行脏检查,Watcher越多越慢;
3.React,采用特殊的JSX语法,使用Virtual DOM,对渲染出的结果做虚拟检查。
对比如下:1、Vue,提供的API都比较简单、直观,使用DOM模板;2、Angular,依赖对数据做脏检查,Watcher越多越慢;3、React,采用特殊的JSX语法,采用的Virtual DOM会对渲染出来的结果做脏检查。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
MVX框架模式:MVC+MVP+MVVM
1.MVC:Model(模型)+View(视图)+controller(控制器),主要是基于分层的目的,让彼此的职责分开。
View通过Controller来和Model联系,Controller是View和Model的协调者,View和Model不直接联系,基本联系都是单向的。
用户User通过控制器Controller来操作模板Model从而达到视图View的变化。
2.MVP:是从MVC模式演变而来的,都是通过Controller/Presenter负责逻辑的处理+Model提供数据+View负责显示。
在MVP中,Presenter完全把View和Model进行了分离,主要的程序逻辑在Presenter里实现。
并且,Presenter和View是没有直接关联的,是通过定义好的接口进行交互,从而使得在变更View的时候可以保持Presenter不变。
MVP模式的框架:Riot,js。
本文共计836个文字,预计阅读时间需要4分钟。
比较如下:
1.Vue,提供的API都比较简单、直观,使用DOM模板;
2.Angular,依赖对数据进行脏检查,Watcher越多越慢;
3.React,采用特殊的JSX语法,使用Virtual DOM,对渲染出的结果做虚拟检查。
对比如下:1、Vue,提供的API都比较简单、直观,使用DOM模板;2、Angular,依赖对数据做脏检查,Watcher越多越慢;3、React,采用特殊的JSX语法,采用的Virtual DOM会对渲染出来的结果做脏检查。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
MVX框架模式:MVC+MVP+MVVM
1.MVC:Model(模型)+View(视图)+controller(控制器),主要是基于分层的目的,让彼此的职责分开。
View通过Controller来和Model联系,Controller是View和Model的协调者,View和Model不直接联系,基本联系都是单向的。
用户User通过控制器Controller来操作模板Model从而达到视图View的变化。
2.MVP:是从MVC模式演变而来的,都是通过Controller/Presenter负责逻辑的处理+Model提供数据+View负责显示。
在MVP中,Presenter完全把View和Model进行了分离,主要的程序逻辑在Presenter里实现。
并且,Presenter和View是没有直接关联的,是通过定义好的接口进行交互,从而使得在变更View的时候可以保持Presenter不变。
MVP模式的框架:Riot,js。

