资讯专栏INFORMATION COLUMN

Javascript MVC框架简介

jsyzchen / 1146人阅读

摘要:当前有超过个框架,但是其中很多没有使用。扮演了的角色,使用处理用户输入同时检索数据为数据格式化,用于展现类似,提供了和之间的数据绑定借鉴了其他模式,没有特定的名称。

https://speakerdeck.com/addyosmani/digesting-javascript-mvc
这里看了一个关于js mvc框架的ppt,作者是一位google的工程师,感觉挺全面挺有意思,适合像我这种入门级人士,简单翻译一下,有很多术语是猜的,如有不对还请各位看官指正。

当前有超过40个Javascript MVC框架,但是其中很多没有使用MVC。

设计模式理应是一个通用词汇,但大多数人却有自己的定义

MVC:提供一个简洁的三个概念的分离, 数据(models),展现(views),用户输入(controllers)

MVP:
与MVC类似,但是极度关注解耦UI发展。
P(presenter)扮演了controller的角色,使用View处理用户输入

P同时检索数据(model),为数据格式化,用于展现

MVVM:类似MVC,ViewModel提供了 Model 和 View之间的数据绑定

MV* 借鉴了其他MV模式,没有特定的名称。开发者通常为了适应特定的项目去使用MV*模式,同样的模式其他项目不见得适用。

使用典型的MVC模式,理论上来说效率更高,因为这个方法是经过实践检验的,经典MVC模式参见Smalltalk的MVC模式如下

Models

代表域里特定的知识和数据。

通知他们的观察者

独立于View,被Controller修改

两种模式:

Domain model:数据代表app核心概念,比如书,合同,朋友

Application model:对象知道View的存在,而且View需要一些数据

Views

通常关注于UI,但并不一定是

必须知道Models的存在并且可以关注到他们

必须知道一些Model属性,他们关注的是什么

多个View可对应同一个Model

Controllers

Controllers处理输入,Views处理输出

Controller修改Model状态,并不直接通知View

一些实现混合了Controller和View

如何工作?

乱代码 - Models:哪些唯一数据在我的app里展现

乱代码 - Views: 用户看到什么,做什么?

乱代码 - Views: 哪些重复的展现可以作为js模板

乱代码 - Controller: 处理用户交互

Backbone MVC的实现

*原文举了若干例子,这里只截backbone

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87578.html

相关文章

  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    stormgens 评论0 收藏0
  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    mylxsw 评论0 收藏0
  • 前端必备资源大整理

    摘要:资源不断更新中。。。主页前端工具简介虽然不是第一个任务执行工具,它却很快成为了最受欢迎的。官方网站网易框架是网易推出的开源前端框架,提供了丰富代码库和插件,可以极大的帮助开发人员提高开发效率。 资源不断更新中。。。 动画库1.Animate.css说明:一个简单易用的跨浏览器CSS动画库。GitHub主页: https://github.com/daneden/an... 2.CSSh...

    JiaXinYi 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<