第46/90步《前端篇》第9章 重构游戏对象等 第27课

简介: 今天学习《前端篇》第9章 重构游戏对象等 第27课 设计模式重构二:模板方法模式、职责链模式和简单工厂模式

image.png

今天学习《前端篇》第9章 重构游戏对象等 第27课 设计模式重构二:模板方法模式、职责链模式和简单工厂模式


学习目标


  • 在页面对象中启用模板方法模式
  • 使用职责链模式改写单击音效实现
  • 使用简单工厂模式改写turnToPage方法

主要知识点/技能点



实践疑难点



小结


这节课主要使用模板方法模式优化了页面对象,换一种职责链的方式实现了单击音频播放,使用简单工厂模式优化了游戏对象中的页面跳转,在这个实践过程中一共练习了三个设计模式:模板方法模式、职责链模式和简单工厂模式。


目录
相关文章
|
1月前
|
前端开发 JavaScript
前端 js 经典:原型对象和原型链
前端 js 经典:原型对象和原型链
31 1
|
1月前
|
前端开发 JavaScript
前端 JS 经典:判断对象属性是否存在
前端 JS 经典:判断对象属性是否存在
25 0
|
1月前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
25 0
|
1月前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
1月前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
1月前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
1月前
|
JavaScript 前端开发 索引
【Web 前端】JQ对象和DOM元素之间如何转换?
【4月更文挑战第22天】【Web 前端】JQ对象和DOM元素之间如何转换?
|
18小时前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
24天前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
29 2
|
1月前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
51 1