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