目录​ 1.适配设备🐾 2.背景滚动💐 3.管道的创建与移动🌸 4.小鸟操作🌷 5.碰撞检测🍀 6.触屏事件🌹 7.制作开始与结束面板🌻 8.得分统计🌺 我们先来看看接下来我们要做的效果：🙋🙋🙋 有需要源码和素材的同学，在文章末尾有链接。  1.适配设备💨 PC端下背景320px*568px（游戏背景图片大小），移动端下占满窗口 新建一个public.js文件，这个文件放一些我们公共的方法，下面我们先定义一个isPhone方法来判断是否是移动端设备 f

目录 1. 案例分析💨 2. 适配设备 💨 3. 背景滚动💨 4. hero操作💨 5. 敌机的创建与运动💨 6. 子弹的创建与运动💨 7. 碰撞检测💨 8. 统计得分💨 9. 设置开始与结束界面💨 10. 设置带本地存储功能的排行榜💨   我们先来看看接下来我们要做的效果：🙋🙋🙋     有需要源码和素材的同学，在文章末尾有链接。  下面是另外两个原生JS的游戏和项目，大家可以选择阅读，都有详细解析： 原生JS实现FlappyBird游戏：原生

🙋在做这个表单之前我们先想看一下做出来的静态表单： 👏看一下大致的html结构： <div class="box"> <form action="" id="form-com"> <p class="main">姓名</p> <input type="text" placeholder="请输入姓名" id="main-in" class="test">

目录 项目首页开发 项目准备✌️ 样式开发👍 防抖👊 底部横条✌️ 登陆注册功能开发 样式编写 👐 路由守卫实现基础登录校验功能☝️ 使用 axios 发送登录 Mock 请求👈 请求函数的封装🙌 通过代码拆分增加逻辑可维护性👏 本项目的源代码在文章末尾哦 项目首页开发💤 我们先看一下在本文中我们这个项目要做的页面，分别是首页，登录和注册页面： 项目首页： 登录页面： 注册页面和登录页面相似，这里就不展示了。在本文中我们会完成京东到家项目首页和登