HTML5技术

mvc/mvvm小小的总结 - 空一座旧城,守一个旧人

字号+ 作者:H5之家 来源:H5之家 2017-12-14 08:01 我要评论( )

mvc/mvvm小小的总结 mvc/mvvm 阮大神博客 mvc 分为三层,其实M层是数据模型层,它是真正的后端数据在前端js中的一个映射模型,他们的关系是:数据模型层和视图层有映射关系,model改变,view展示也会更改,当view产生用户操作或会反馈给controller,controll

mvc/mvvm小小的总结

mvc/mvvm

阮大神博客

mvc 分为三层,其实M层是数据模型层,它是真正的后端数据在前端js中的一个映射模型,他们的关系是:数据模型层和视图层有映射关系,model改变,view展示也会更改,当view产生用户操作或会反馈给controller,controller更改model,这个时候view又会进行新的数据渲染

MVC

这是纯纯的MVC的模式,但是很多框架都会有一些更改

前端mvc框架,如angularjs,backbone:

前端MVC

会发现,用户可以直接操作controller(例如用户更改hash值,conrtoller直接监听hash值变化后执行逻辑代码,然后通知model更改)

控制器可以直接操作view,如果,让某一个标签获得进入页面获得焦点,不需要model来控制,所以一般会直接操作(angularJS,指令)

view可以直接操作model (数据双向绑定)

MVP:

mvp

view和model不能直接通信,所有的交互都由presenter来做,其他部分的通信都是双向的

view较薄 ,presenter较为厚重

MVVM:

mvvm

MVVM和MVP及其相似,只是view和viewmodel的通信是双向绑定,view的操作会自动的向viewmodel通知

posted on

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 从银行转账失败到分布式事务:总结与思考 - xybaby

    从银行转账失败到分布式事务:总结与思考 - xybaby

    2017-10-23 13:21

  • 分布式系统中生成全局ID的总结与思考 - xybaby

    分布式系统中生成全局ID的总结与思考 - xybaby

    2017-10-06 08:01

  • bootstrop常用类总结 - 阿轲

    bootstrop常用类总结 - 阿轲

    2017-09-11 09:03

  • canvas学习总结六:绘制矩形 - beevesnoodles

    canvas学习总结六:绘制矩形 - beevesnoodles

    2017-08-01 08:00

网友点评