MV*
2020-04-16 11:10:09 0 举报AI智能生成
前端 MV* 架构模式解析
作者其他创作
大纲/内容
目标
<ul><li>稳定，没有 bug</li><li>结构清晰</li><li>能灵活变通和扩展<br></li></ul>
面条式代码
<font color="#c41230">非结构化和难以维护的源代码</font>
MVO
<font color="#c41230">视图与模型一定要分开，才好扩展</font>
三个部分
Model
数据
View
View 对象一般套路
init
<ol><li>将祖先元素获取到保存在 this.XX 中，这样 render 方法里就不需要重新去获取了</li><li>祖先元素事件委托监听事件</li><li>调用 render 方法渲染<br></li></ol>
render
Octopus
<font color="#c41230">模型与视图通过 Octopus 沟通<br>模型与视图永远不要直接沟通</font>
流行的几种类型
Controller
View Model
Presenter
... whatever ...
编写代码
<font color="#c41230">先花足够时间精力好好做计划</font>
我的作业代码
/Users/lucy/code/learn-code/mvo/index.html
重构
将面条代码重构为 MVO 结构的代码
步骤
评测<br><br>修改/完全重新开始
使用组织库
库与框架
库
框架
针对代码组织
文档
不要去记忆 api<br><br>但是原理与设计思想是需要好好理解的
职业：本科
0 条评论
下一页
