浅析MVC

MVC 三个对象分别做什么,给出伪代码示例

M - Model - 数据模型 - 负责操作所有数据

M = {
  data1:{},
  data2: {}
  data3:{}
  ...
}

V - View - 视图 - 负责所有UI界面

V = `<div>xxxx</div>
  <p>xxxx</p>
  <span>xxx</span>
`

C - Controller - 控制器 - 控制其他

C = {
  xxx: {
    a.on('click', fn)
    b.on('click', fn)
  }
}

EventBus 事件总线

eventBus用来建立对象之间的联系,有三个API,on用来监听事件(可以是自定义事件),off用来取消事件,trigger用来触发事件。如何建立联系,在一个对象中通过eventBus.on监听某个事件, 在另一个对象中通过eventBus.trigger直接触发这个事件
伪代码:

c = {
  say(){
    eventBus.on('my_event', fn)
  }
} 
d = {
  ok(){
    eventBus.off('my_event', fn)
  }
}

表驱动编程

在写项目过程中,有时候会出现大量类似,但并不重复的代码,如果一个一个写的话,一是会浪费时间,二是显得开发人员水平不高。开发人员应该将这些类似的代码,归纳总结,将需要的数据放到哈希表中,这样代码看起来更分明,并且可以通过遍历的方式调用,节省代码量。这也符合一个思想,就是写的更少,做的更多

如何理解模块化

在我看来模块化其实就是分类,将一个复杂的程序,按照不同的功能,分成一个一个小的模块,这些模块通过私有的数据实现,模块与模块之间是独立的,只向外暴露一个接口,通过这些接口把多个模块拼接起来,形成一个大的项目,

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、MVC是什么? M 就是 model, 即数据模型,负责数据相关的任务,包括对数据的增删改查 V 就是view...
    Carlmac阅读 1,774评论 0 0
  • 一、MVC是什么? MVC是一种设计模式(那设计模式又是什么呢?简单粗暴的说好用的东西就是设计模式),MVC能够使...
    浪味仙儿啊阅读 2,600评论 0 2
  • 【目录】 一、MVC 三个对象分别做什么二、EventBus 有哪些 API,是做什么用的三、表驱动编程是做什么的...
    云卷云舒听雨声阅读 3,081评论 0 0
  • 一、MVC是什么? MVC是一种设计模式(那设计模式又是什么呢?简单粗暴的说好用的东西就是设计模式),MVC能够使...
    2b61575c37fd阅读 1,547评论 0 0
  • 1MVC 三个对象分别做什么,给出伪代码示例 M-Model (数据模型),负责操作所有数据. V-View (视...
    lin_lilili阅读 1,339评论 0 0