第30/90步《前端篇》第7章 重构背景音乐、小球和挡板 第21课

简介: 今天学习《前端篇》第7章 重构背景音乐、小球和挡板 第21课 创建挡板模块,这节课尝试将挡板模板化。游戏中共有两块挡板(左挡板与右挡板),两块挡板的行为不同,一块由系统控制自动移动,一块由玩家控制,但它们的渲染逻辑是致的。

image.png

今天学习《前端篇》第7章 重构背景音乐、小球和挡板 第21课 创建挡板模块,这节课尝试将挡板模板化。游戏中共有两块挡板(左挡板与右挡板),两块挡板的行为不同,一块由系统控制自动移动,一块由玩家控制,但它们的渲染逻辑是致的。


学习目标


  • 开始创建Panel类
  • 使用继承实现左、右挡板
  • 拓展:复习JS实现继承的方式
  • 拓展:复习类型检测操作符typeof与instanceof的不同

主要知识点/技能点



实践疑难点



小结


这节课主要将挡板进行了模块化,定义了一个模板基类(Panel)及两个子类(LeftPanel和RightPanel),在实践过程中练习了创建类及实现类继承的技巧,并学习了如何使用操作符判断值类型和引用类型变量等。


目录
相关文章
|
6月前
|
缓存 前端开发 JavaScript
前端项目重构的一些思考和复盘
前端项目重构的一些思考和复盘
150 1
|
前端开发
前端学习笔记202305学习笔记第二十三天-项目重构构建
前端学习笔记202305学习笔记第二十三天-项目重构构建
52 0
|
前端开发
前端学习笔记202305学习笔记第二十三天-重构报错解决
前端学习笔记202305学习笔记第二十三天-重构报错解决
47 0
|
前端开发
前端学习笔记202305学习笔记第二十三天-登录页面重构和总结1
前端学习笔记202305学习笔记第二十三天-登录页面重构和总结1
42 0
前端学习笔记202305学习笔记第二十三天-登录页面重构和总结1
|
缓存 监控 前端开发
带你入门前端工程(十):重构
带你入门前端工程(十):重构
70 0
|
前端开发
前端学习笔记202305学习笔记第二十三天-路由ts重构
前端学习笔记202305学习笔记第二十三天-路由ts重构2
43 0
|
前端开发
前端学习笔记202305学习笔记第二十三天-main.js重构和报错处理1
前端学习笔记202305学习笔记第二十三天-main.js重构和报错处理1
52 0
|
1月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
133 2
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
43 0
|
1月前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。