浅谈 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
作用:根据绑定到匹配元素的给定事件的类型执行所有的处理程序和行为。
该方法可以手动触发相应的事件,与on搭配使用。 .on是用来监听事件,off是用来取消事件,.tigger是用来触发事件的。
$('#foo').tirgger('click')
表驱动编程
表驱动编程可以更加优雅的写出if-else/switch-case
// 现将数据封装起来
const data = [...]
// 等需要的时候再取出来
const data01 = data[x]
模块化编程
有了模块化,每个文件的行数可以不超过150行,这样更加方便查阅,试想一个1000行的代码和10个100行的代码哪个更加的方便阅读呢?其次就是方便维护,道理如上,当我需要修改数据时我可以直接去相应的文件修改,而不是在1000行代码中缓慢的寻找,当我出bug时也可以快速定位单文件位置,因此完全理解js基础原理再去学框架就会是一件简单的一件事。