浅谈 MVC

M V C是什么？为什么要用设计模式？

 

用设计模式就是为了减少重复代码，而mvc就是其中一种设计模式。

 

它把代码模块化，每个模块又可以写成三个对象，分别是M V C。

• M : Model (数据模型) 负责操作所有的数据
• V  : View （视图） 负责所有的UI界面
• C  :  Controller （控制器） 负责其他

 

如何使用MVC的设计模式？

M

//定义所有的数据，将数据单独封装起来

 

data = { ... }

 

V

//将html代码也封装在js文件中，通过添加节点的方法插入到html中

 

view = { ... }

 

C

//封装所有的操作方法

 

controller = {

    set(){},

    get(){},

    ...

}

 

关于EventBus

.tigger

作用：根据绑定到匹配元素的给定事件的类型执行所有的处理程序和行为。

该方法可以手动触发相应的事件，与on搭配使用。 .on是用来监听事件，off是用来取消事件，.tigger是用来触发事件的。

 

$('#foo').tirgger('click')

 

 

表驱动编程

表驱动编程可以更加优雅的写出if-else/switch-case

// 现将数据封装起来

const data = [...]

 

// 等需要的时候再取出来              

const data01 = data[x]

 

模块化编程

有了模块化，每个文件的行数可以不超过150行，这样更加方便查阅，试想一个1000行的代码和10个100行的代码哪个更加的方便阅读呢？其次就是方便维护，道理如上，当我需要修改数据时我可以直接去相应的文件修改，而不是在1000行代码中缓慢的寻找，当我出bug时也可以快速定位单文件位置，因此完全理解js基础原理再去学框架就会是一件简单的一件事。