如果不使用框架你是如何组织自己的代码的?
针对独立功能
对象方式功能封装(初级)
const app = {
init() {}, //初始化
bind() {}, //事件绑定
render() {} //页面渲染
}
app.init() //启动功能
模块模式:立即执行函数(优化)
优点:不会暴露在全局
const module = (function () {
function start() {} //初始化
return {
start //接口
}
})()
module.start //启动功能
针对组件
class Component {
constructor() {}
method() {}
}
当页面中有大量的功能和组件后,进行进一步优化:事件发布订阅模式进行解耦