手工前端MVC，模块化，单元测试(未完)

手工布局模块化，

先搞定模块样式，再通过布局样式，把模块连接起来，成为一张页面。

也就是说，布局样式其实是页面的框架，模块样式是框架预留的坑位。

两者可以独立搞。

接下来的问题是，跨页面使用布局模块，如何修改一个布局模块样式，体现到各个页面。

以前是通过后端语言来实现。

本质上，还是一个模块修改 能映射到引用该模块的各个页面。

也就是开发的时候，一个模块一个css文件引用；发布的时候，各个css文件合并。 

复杂的样式变化，得靠CSS预处理语言了。 

 

手工前端代码分层

Model层

后台json数据格式，经过数据格式转换，转化成适合渲染html的数据格式，也就是Model->Viewer Model。

业务逻辑层

页面周期事件和页面交互事件，驱动。

UI控制层

HTML模板层

 

模块化

不会影响到全局变量，而且能动态加载依赖。