- 博客(3)
- 收藏
- 关注
RSS订阅原创 原生JavaScript实现简单贪吃蛇小游戏
本文介绍了一个基于HTML5 Canvas的贪吃蛇游戏实现。游戏包含以下核心功能： 基本游戏逻辑：蛇的移动、食物生成、碰撞检测和分数计算 三种可选皮肤（经典、蓝色、彩虹） 游戏控制功能：开始/暂停、速度随分数提升 键盘方向键控制移动，空格键暂停/继续 游戏采用JavaScript实现，使用Canvas绘制游戏画面，通过事件监听实现交互控制。随着游戏进行，蛇的速度会逐渐加快，增加游戏难度。游戏结束会显示最终得分并自动重置。 （99字）
2025-08-06 09:30:00
341
原创 实现浅拷贝和深拷贝
摘要：本文介绍了浅拷贝和深拷贝的区别及实现方法。浅拷贝只复制对象的一层属性，引用类型属性与原对象共享内存；深拷贝则递归复制所有层级，创建完全独立的新对象。实现浅拷贝的方法包括Object.assign()、扩展运算符和数组方法；深拷贝可通过JSON.parse(JSON.stringify())（有局限性）、手动递归实现或使用WeakMap处理循环引用。其中，完整的深拷贝方案需要解决循环引用问题，建立对象映射关系避免重复复制。
2025-07-13 20:12:13
302
原创 JavaScript封装轮播图组件(实现无缝循环)
摘要：本文介绍了一个原生JS轮播图组件，主要包含参数说明和使用方法。参数包括container容器、images图片数组及options配置选项（宽度、高度、播放间隔等）。组件功能涵盖自动播放、左右箭头控制、指示点导航、循环播放、悬停暂停和触摸滑动等特性。实现原理采用克隆首尾图片实现无缝循环，通过CSS过渡动画和事件监听处理边界情况。使用方法简单，只需准备容器元素并调用构造函数即可快速创建轮播图。该组件支持响应式操作，适用于各类网页展示场景。
2025-07-11 17:57:29
763
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人