浅析 MVC
@ EatFog · Sunday, Sep 13, 2020 · 1 分钟阅读 · 更新于 Sep 13, 2020

MVC是一种设计模式,我们可以通过MVC来优化代码结构,使得我们整个程序更加简洁

MVC 三个对象分别做什么

MVC是由model,view,container三个元素组成。

  1. model负责数据相关操作

    const m ={
    data:{各类数据},
    create:(){增加数据操作},
    delete:(){删除数据操作},
    update:(){更新数据操作},
    search:(){查询数据操作}
    }
    
  2. view负责视图相关操作

    const v = {
    el: null,
    html: html代码,
    init(container) {
        获取mvc要操作的dom元素为el
    },
    render(n) {重新渲染视图}
    }
    
  3. container负责其他的函数操作,例如事件监听

    const c = {
    init(container) {
        进行初始化
    },
    events: {
        事件表
    },
    add() {
        对应函数
    },
    autoBindEvents() {
        表驱动事件监听
        }
    }
    }
    

EventBus 有哪些 API,作用是什么

EventBus是是个空对象,其主要作用是利用其自带的on()方法和trigger()方法来进行对象之间通信

const eventBus = $({})
eventBus.trigger('xxx')//发送
eventBus.on('xxx',()=>{对应函数})//响应

表驱动编程是做什么的

表驱动编程就是声明一个哈希表,键名是事件类型+对象名,键值是监听函数名字,通过遍历这个哈希表来进行批量的函数监听

个人对模块化的理解

模块化可以让整段代码更加结构化,把整个应用分成多个功能组件,更换阅读理解和管理。而且因为有些模块可以在别的地方使用,所以提高了复用性。

自我介绍

Hi!我是蒋俊杰

你也可以叫我EatFog

这是我的第一个blog

社交链接