Jasmine2
- 1. 苏河
- 2. 单元测试的目标 • 函数 • 对象的属性和方法 • 业务逻辑
- 3. 代码可测试性的问题
- 4. •面向过程，过程嵌套
- 5. •太多的dom操作
- 7. •闭包，匿名函数
- 8. • 异步操作
- 9. 综上 • 面向过程，过程嵌套 • 太多的dom操作 • 展现逻辑和业务逻辑混淆 • 闭包 • 异步操作 • ……
- 10. • 如何提升可测试性？ •抽象
- 15. • 继续提升可测试性 •分层
- 16. 1. 构建Js本地对象 2. 处理数据逻辑 Javascript 3. 与 Server 通信 4. 添加事件回调 5. 操作DOM，BOM
- 17. DOM BOM Javascript UI Control Model Server
- 18. MVC对象结构 View Control obj obj obj instantia tion obj obj process bindEvent … Model obj obj obj obj
- 19. ViewObj _Attr：value1 1. 获取DOM，BOM数据 AttrEl：someEl 2. 修改DOM和BOM getUIData：function(){ //… } 3. 处理展现层逻辑 setUI：function(){ //… }
- 20. ModelObj 1. 建立业务数据模型 _Attr1：value1 _Attr2：value2 2. 处理数据间的逻辑关系 _Method：function(){ } //… 3. 提供数据访问器 Method：function(){ //… 4. 预留数据事件接口 }
- 21. Control 1. 对象实例化 Var objUI = new View(); Var obj = new Model(); 2. 初始化 Function Process1(){ //… } 3. 定义过程,实现view Function Process2(){ //… } 和model层对接 E.on(someEl,’event’, process1); 4. 事件绑定
- 23. •Q&A