

首页  思维导图  详情



MV*

2020-04-16 11:10:09   0  举报





AI智能生成

前端 MV* 架构模式解析

MVC

MVVM

MVP

前端

架构模式

模版推荐

作者其他创作

大纲/内容

目标

<ul><li>稳定，没有 bug</li><li>结构清晰</li><li>能灵活变通和扩展 </li></ul>

面条式代码

非结构化和难以维护的源代码

MVO

视图与模型一定要分开，才好扩展

三个部分

Model

数据

View

View 对象一般套路

init

<ol><li>将祖先元素获取到保存在 this.XX 中，这样 render 方法里就不需要重新去获取了</li><li>祖先元素事件委托监听事件</li><li>调用 render 方法渲染 </li></ol>

render

Octopus

模型与视图通过 Octopus 沟通 模型与视图永远不要直接沟通

流行的几种类型

Controller

View Model

Presenter

... whatever ...

编写代码

先花足够时间精力好好做计划

我的作业代码

/Users/lucy/code/learn-code/mvo/index.html

重构

将面条代码重构为 MVO 结构的代码

步骤

评测 修改/完全重新开始

使用组织库

库与框架

库

框架

针对代码组织

文档

不要去记忆 api 但是原理与设计思想是需要好好理解的

 Collect

Get Started

前端

 Collect

Get Started

业务与技术目标对应关系

 Collect

Get Started

Everis - Affinity - Web WorkFlow_003

 Collect

Get Started

前端





0 条评论

下一页