- 目录 1、游戏设计思路 2、飞机射击游戏设计步骤 本篇博文将分享一篇基于HTML的简单的飞机射击游戏，下方是玩家飞机，可按空格键能不断地发射子弹，上方是随机出现的敌方飞机。玩家可以通过键盘的方向键控制自己飞机的移动，当玩家飞机的子弹碰到敌方飞机时，敌方飞机出现爆炸效果。游戏运行效果如下图所示： 1、游戏设计思路 1、游戏素材 游戏程序中用到敌方飞机、我方飞机... 目录 1、游戏设计思路 2、飞机射击游戏设计步骤 本篇博文将分享一篇基于HTML的简单的飞机射击游戏，下方是玩家飞机，可按空格键能不断地发射子弹，上方是随机出现的敌方飞机。玩家可以通过键盘的方向键控制自己飞机的移动，当玩家飞机的子弹碰到敌方飞机时，敌方飞机出现爆炸效果。游戏运行效果如下图所示： 1、游戏设计思路 1、游戏素材 游戏程序中用到敌方飞机、我方飞机...
- 做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完成可复用组件的编码。 实现自定义组件编码的基本思路如下： 思考这个组件需要实现什么效果；建... 做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完成可复用组件的编码。 实现自定义组件编码的基本思路如下： 思考这个组件需要实现什么效果；建...
- vue-router路由的原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于：路由跳转不需要刷新整个页面。 大概流程可以看成: 浏览器发出请求服务器监听到端口有请求过来,并解析url路径根据服务器的路由配置,返回相应的信息(可以是HTML字符串、也可以是json数据、图片等等)浏览器根据数据包的 Content-type 来决定如何解析数据 简单... vue-router路由的原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于：路由跳转不需要刷新整个页面。 大概流程可以看成: 浏览器发出请求服务器监听到端口有请求过来,并解析url路径根据服务器的路由配置,返回相应的信息(可以是HTML字符串、也可以是json数据、图片等等)浏览器根据数据包的 Content-type 来决定如何解析数据 简单...
- Web前端开发规范文档你需要知道的事 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分... Web前端开发规范文档你需要知道的事 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分...
- HBuilder实现软件自动升级(优化篇) 前言 受前篇博客《HTML5进阶(二)HBuilder实现软件自动升级》(点击查看详情)的影响，测试过程中发现APP自动更新还是存在问题，第一次升级没有任何问题。第二次升级时，若wrt升级包的名字相同，则会出现以下错误提示: 估计是HBuilder的BUG导致出现以上错误。受社区中盆友们思路的启发，在每次更新... HBuilder实现软件自动升级(优化篇) 前言 受前篇博客《HTML5进阶(二)HBuilder实现软件自动升级》(点击查看详情)的影响，测试过程中发现APP自动更新还是存在问题，第一次升级没有任何问题。第二次升级时，若wrt升级包的名字相同，则会出现以下错误提示: 估计是HBuilder的BUG导致出现以上错误。受社区中盆友们思路的启发，在每次更新...
- HTML5中的template标签 html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容，不显示"我是template", 这是因为template标签天生不可见... HTML5中的template标签 html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容，不显示"我是template", 这是因为template标签天生不可见...
- 一、什么是HTML HTML(HyperTextMark-upLanguage)即超文本标记语言，是WWW的描述语言。 二、什么是XML XML即ExtentsibleMarkup Language(可扩展标记语言)，是用来定义其它语言的一种元语言，其前身是SGML(标准通用标记语言)。它没有标签集(tagset)，也没有语法规则(grammatical rule... 一、什么是HTML HTML(HyperTextMark-upLanguage)即超文本标记语言，是WWW的描述语言。 二、什么是XML XML即ExtentsibleMarkup Language(可扩展标记语言)，是用来定义其它语言的一种元语言，其前身是SGML(标准通用标记语言)。它没有标签集(tagset)，也没有语法规则(grammatical rule...
- 网站开发进阶(四十一)中文字体网页开发指南 前言 字体的选择，是网页开发的关键因素之一。 合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。 但是，相比英文字体，中文字体的网页开发有着极大的局限性。因为，一套中文字体最少也要有几千个字符，体积为几个MB；单单为了浏览网页，开发者不可能让用户去下载字体，只能依靠操... 网站开发进阶(四十一)中文字体网页开发指南 前言 字体的选择，是网页开发的关键因素之一。 合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。 但是，相比英文字体，中文字体的网页开发有着极大的局限性。因为，一套中文字体最少也要有几千个字符，体积为几个MB；单单为了浏览网页，开发者不可能让用户去下载字体，只能依靠操...
- HTML5 LocalStorage 本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： 早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也... HTML5 LocalStorage 本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： 早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也...
- #Python进阶(二十)-Python爬虫实例讲解 本篇博文主要讲解Python爬虫实例，重点包括爬虫技术架构，组成爬虫的关键模块：URL管理器、HTML下载器和HTML解析器。 ##爬虫简单架构 -Python爬虫实例讲解 本篇博文主要讲解Python爬虫实例，重点包括爬虫技术架构，组成爬虫的关键模块：URL管理器、HTML下载器和HTML解析器。 ##爬虫简单架构  { var winna... js如何将html表格导出为excel文件 赠人玫瑰，手留余香。若您感觉此篇博文对您有用，请花费2秒时间点个赞，您的鼓励是我不断前进的动力，共勉！ jsp页面数据导出成excel的方法很多，今天介绍一种简单的js方法： 源码 // 导出$scope.doExportExcel = function() { var winna...
- 网站开发进阶(四十三)html中，路径前加“/” 与不加“/”的区别 前言 <script src="js/downloadify.js"></script>表示加载你当前页面目录中名为js的子目录下面名为pic.js的js包。 加“/”是代表绝对路径，不加... 网站开发进阶(四十三)html中，路径前加“/” 与不加“/”的区别 前言 <script src="js/downloadify.js"></script>表示加载你当前页面目录中名为js的子目录下面名为pic.js的js包。 加“/”是代表绝对路径，不加...
- 网站开发进阶(四十七)html中padding-top与margin-top的区别 padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的； margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不饱含在容器内。 就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的... 网站开发进阶(四十七)html中padding-top与margin-top的区别 padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的； margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不饱含在容器内。 就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的...
- 实例 在控制台上输出信息： console.info("Hello Runoob!"); 1 定义和用法 console.info() 方法用于在控制台输出信息。 该方法对于开发过程进行测试很有帮助。 提示: 在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。 语法 console.info(message) 浏览器支持 表格中的数字... 实例 在控制台上输出信息： console.info("Hello Runoob!"); 1 定义和用法 console.info() 方法用于在控制台输出信息。 该方法对于开发过程进行测试很有帮助。 提示: 在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。 语法 console.info(message) 浏览器支持 表格中的数字...
- js如何将html表格导出为excel文件(后记) 前言 项目前期做了个导出Excel表格的功能，但是经过测试发现只有在IE上才可以正确实现，在Chrome等浏览器中无法实现导出效果。经过上网搜索，尝试通过插件的形式实现。通过安装ActiveX for Chrome插件(地址栏输入chrome://extensions/ 进入扩展程序安装页面)。 ... js如何将html表格导出为excel文件(后记) 前言 项目前期做了个导出Excel表格的功能，但是经过测试发现只有在IE上才可以正确实现，在Chrome等浏览器中无法实现导出效果。经过上网搜索，尝试通过插件的形式实现。通过安装ActiveX for Chrome插件(地址栏输入chrome://extensions/ 进入扩展程序安装页面)。 ...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签