写代码啦
《浅析 MVC》
回复数(0) 浏览数(54)
{{topic.upvote_count || 0}} 编辑 回复

1、 MVC 三个对象分别做什么

M-model (数据模型)负责操作所有数据:
const m = {
    data:{},
    update(data){},
    create() {},
    delete () {},
    get(){}
}
V-view (视图) 负责所有UI界面
const v = {
    el: null,
    html :  `  `,
    render(n){ }
}
C-controller(控制器) 负责其它
const c = {
    init(container) { }, 
    events: {'click .tab-bar li': 'x', },
    x(e) {},
    autoBindEvents() {}  
}

2、EventBus 有哪些 API,是做什么用的

主要有on(监听事件)、trigger(触发事件)、off(取消监听)等API,用来解决模块之间通信的问题,view组件层面,父子组件、兄弟组件通信都可以使eventbus处理
* on

init(container) {
eventBus.on('m:updated', () => {
v.render(m.data.index)
})
}

* trigger

update(data){
eventBus.trigger('m:updated')
}

* off
eventBus.off('m:update')

3、表驱动编程是做什么的

表驱动方法是一种使你可以在表中查找信息,而不必用逻辑语句(if 或 case)来把他们找出来的方法。事实上,任何信息都可以通过表来挑选。在简单的情况下,逻辑语句往往更简单而且更直接。但随着逻辑链的复杂,表就变得越来越富于吸引力了。

4、如何理解模块化的

代码量变大后,通过模块化可清晰地将功能分为各个独立的模块,每个模块之间互不影响,方便修改维护。

{{topic.upvote_count || 0}}

1、 MVC 三个对象分别做什么

M-model (数据模型)负责操作所有数据:
const m = {
    data:{},
    update(data){},
    create() {},
    delete () {},
    get(){}
}
V-view (视图) 负责所有UI界面
const v = {
    el: null,
    html :  `  `,
    render(n){ }
}
C-controller(控制器) 负责其它
const c = {
    init(container) { }, 
    events: {'click .tab-bar li': 'x', },
    x(e) {},
    autoBindEvents() {}  
}

2、EventBus 有哪些 API,是做什么用的

主要有on(监听事件)、trigger(触发事件)、off(取消监听)等API,用来解决模块之间通信的问题,view组件层面,父子组件、兄弟组件通信都可以使eventbus处理
* on

init(container) {
eventBus.on('m:updated', () => {
v.render(m.data.index)
})
}

* trigger

update(data){
eventBus.trigger('m:updated')
}

* off
eventBus.off('m:update')

3、表驱动编程是做什么的

表驱动方法是一种使你可以在表中查找信息,而不必用逻辑语句(if 或 case)来把他们找出来的方法。事实上,任何信息都可以通过表来挑选。在简单的情况下,逻辑语句往往更简单而且更直接。但随着逻辑链的复杂,表就变得越来越富于吸引力了。

4、如何理解模块化的

代码量变大后,通过模块化可清晰地将功能分为各个独立的模块,每个模块之间互不影响,方便修改维护。

54
回复 编辑