今天学习《前端篇》第9章 重构游戏对象等 第27课 设计模式重构二：模板方法模式、职责链模式和简单工厂模式
学习目标
- 在页面对象中启用模板方法模式
- 使用职责链模式改写单击音效实现
- 使用简单工厂模式改写turnToPage方法
主要知识点/技能点
略
实践疑难点
略
小结
这节课主要使用模板方法模式优化了页面对象，换一种职责链的方式实现了单击音频播放，使用简单工厂模式优化了游戏对象中的页面跳转，在这个实践过程中一共练习了三个设计模式：模板方法模式、职责链模式和简单工厂模式。
第46/90步《前端篇》第9章 重构游戏对象等 第27课
2023-04-25
44
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
今天学习《前端篇》第9章 重构游戏对象等 第27课 设计模式重构二：模板方法模式、职责链模式和简单工厂模式
目录
相关文章
|
2月前
|
前端开发
开发者
new操作符背后的秘密：揭开Web前端对象创建的神秘面纱！
【8月更文挑战第23天】在Web前端开发中，`new`操作符是创建对象实例的核心。本文以`Person`构造函数为例，通过四个步骤解析`new`操作符的工作原理：创建空对象、设置新对象原型、执行构造函数并调整`this`指向、判断并返回最终对象。了解这些有助于开发者更好地理解对象实例化过程，从而编写出更规范、易维护的代码。
29
0
0
|
10天前
|
前端开发
JavaScript
前端基础(十四)_Math对象
本文介绍了JavaScript中`Math`对象的常用方法，包括：
1. `Math.floor()`：向下取整，去掉小数部分。
2. `Math.ceil()`：向上取整，向上进一。
3. `Math.round()`：四舍五入，针对小数点后面第一位数字。
4. `Math.max()`：获取数字序列中的最大值。
5. `Math.min()`：获取数字序列中的最小值。
6. `Math.pow()`：计算某个数字的次方数。
7. `Math.sqrt()`：开根号。
8. `Math.random()`：生成一个0到1之间的随机数。
11
1
1
|
10天前
|
前端开发
JavaScript
前端基础(十五)_时间对象、字符串对象
本文介绍了JavaScript中时间对象的操作方法，包括获取和设置年、月、日、小时、分钟、秒等，以及如何格式化时间显示，同时提及了字符串对象的常用方法。
21
0
0
|
2月前
|
缓存
前端开发
Java
|
10天前
|
前端开发
JavaScript
|
2月前
|
JavaScript
前端开发
API
前端开发者的救赎：揭秘JQ对象与DOM元素的神秘转换术
【8月更文挑战第23天】在Web前端开发领域，jQuery（简称JQ）作为一款流行的JavaScript库，极大简化了HTML文档遍历、事件处理、动画及Ajax交互等操作。理解和掌握jQuery对象与DOM元素间的转换至关重要。
30
0
0
|
2月前
|
存储
运维
前端开发
|
23天前
|
SpringCloudAlibaba
JavaScript
前端开发
谷粒商城笔记+踩坑（2）——分布式组件、前端基础，nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
74
1
1
|
2月前
|
存储
前端开发
JavaScript
|
4月前
|
JSON
前端开发
JavaScript