目录
1.MVC 三个对象分别做什么,给出伪代码示例
2.EventBus 有哪些 API,是做什么用的,给出伪代码示例
3.表驱动编程是做什么的
4.我是如何理解模块化的
MVC
MVC (Model-View-Controller) 是一种软件设计模式.它强调分离软件的业务逻辑和显示. 这种“分离”提供了更好的分工和改进的维护. 一些其他的模式也是基于MVC来设计的, 像 MVVM (Model-View-Viewmodel), MVP (Model-View-Presenter), 和 MVW(Model-View-Whatever).
1.MVC软件设计模式的三个部分
- Model: 模型持有所有的数据、状态和程序逻辑.
- View: 负责界面的布局和显示.
- Controller: 负责模型和界面之间的交互.
基本流程:View 传送指令到 Controller,Controller 完成业务逻辑后,要求 Model 改变状态,Model 将新的数据发送到 View,用户得到反馈.
三个部分的伪代码实现
Model模型层
获取数据n,初始化增删改查四个API,用于后期操作数据。
const m = {
data: {
n: parseInt(localStorage.getItem('n'))
},//获取数据
create() {
},//增
delete() {
},//删
update(data) {
//改
Object.assign(m.data, data)//使用新数据替换旧数据
eventBus.trigger('m:updated')// eventBus触发'm:update'信息, 通知View刷新
localStorage.setItem('n', m.data.n)
},
get() {
}
}//查
}
View视图层
视图主要用于渲染页面,所以我们将html的内容放到V里。
const v = {
el: null,//接受一个容器
html: `//生成HTML
<div>
<div class="output">
<span id="number">{
{
n}}</span>
</div>
<div class="actions">
<button id="add1">+1</button>
<button id="minus1">-1</button>
<button id="mul2">*