美文网首页
理解JavaScript MVC 框架

理解JavaScript MVC 框架

作者: 却忘不掉你心言 | 来源:发表于2018-07-17 09:16 被阅读0次

  Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式;Model包含应用的数据和业务逻辑;Controller负责把用户的输入,转换为命令传递给Model和View;这是维基百科的解释;

这种模式最初是由Trygve Reenskaug在使用Smalltalk-80(1979)工作时设计的,刚开始叫做Model-View-Controller-Editor;后来通过《Design Patterns: Elements of Reusable Object-Oriented Software》这本书的深入介绍,才使得mvc彻底流行开来;

 理解组成MVC三部分的职责,以及现有的这些javascript框架为我们提供了什么,才能够使我们更好的使用这些框架。下面我们先通关过组成MVC的三个部分来学习下每部分的职责是什么【以backbone为例给出示范代码】。

Model

        Model管理应用的数据。当model数据发生改变的时候,会通知它的监听者【可能是view】,收到通知后,监听者会做相应的变化。

View

        View是当前状态的model的视觉展现,view会观察模型的变化,当模型改变的时候被通知,同时允许view来更新自己。一般情况下我们会在view中使用模版引擎渲染model;

Controllers

        Controllers是位于models和views的之间的调解人,它的工作是当model改变时来更新view和当用户操作view时来更新Model。

MVC给我们带来的好处

        易于维护

        模型视图的解耦,意味着可以对业务逻辑更好的进行单元测试

        代码能够更好的重用

        模块化的开发能够使分工更加明确,一部分人专注业务逻辑,一部分人专注用户界面。

相关文章

  • 理解JavaScript MVC 框架

    Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式;...

  • React到底是什么

    React框架本身和我们常用的JavaScript MVC框架,如:AngularJS,Backbone,Embe...

  • java

    前端:bootstrap JavaScript jQuery后端:ORM技术,MVC模式,开源框架,spring

  • MVC框架理解

    我们先来看看什么是MVC?全名是Model View Controller,是模型(model)-视图(view)...

  • React 生态系

    ReactJS ReactJS 是 Facebook 推出的 JavaScript 函式库,若以 MVC 框架来看...

  • vue指令大全

    vue 是什么——简介型的javascript框架 特点:mvvm m=mvc module 模型...

  • Spring

    一、对SSM的理解 ①ssm框架是spring MVC ,spring和mybatis框架的整合,是标准的MVC模...

  • 面试问题总结

    1. 说说对mvvm框架的理解。 mvvm框架有模型、视图、视图模型组成。它与mvc框架的区别在于,mvc模型、视...

  • 目前主流工具的介绍

    1.react javascript 的MVC框架,基础教程 http://www.ruanyifeng.com/...

  • 第三天

    1、对MVC、MVVM、MVP的理解? MVC (1)MVC:是后台的框架模式分为M:(model模型)、V...

网友评论

      本文标题:理解JavaScript MVC 框架

      本文链接:https://www.haomeiwen.com/subject/szfwpftx.html