对模块化开发的一些笔记以及理解

关于对模块化开发的一些笔记 

1、html  —> app.js ：将模块初始化【一个页面对应一个JS】
     header  footer  tab  sidebar   —> init（）

2、app.js  —>  多个模块文件  —>  模块程序运行的文件【一个页面中含有多个模块】
     header.js  footer.js  courseTab.js  ....

3、模块文件的功能 —> 多个组件 【一个模块含有多个组件】
     渲染    事件处理函数的绑定

4、组件  —>  模板（HTML片段）、样式（CSS片段）
                     出口文件（JS）—> 将组件的内容抛出去
                     —> 模块文件

从外到里（开发流程）
入口（app）—> 根节点 —> 模块 —> 渲染 —> 组件
                  —> 写结构样式片段、JS导出

从里到外（对工程设计架构的理解流程）
组件 —> 结构样式 —> 组件出口文件 —>
HTML组装以及组件功能的提供 —> 模块 —>
通过app拿到节点 —> 渲染组件、提供组件相对应的功能    

来源：B站UP小野老师