- 效果： 实现代码(需要引入jquery)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.js" type="text/javascript"></script> <style type="text/css"> * { paddin... 效果： 实现代码(需要引入jquery)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.js" type="text/javascript"></script> <style type="text/css"> * { paddin...
- Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。 例如 let htmlStr='<div style="font-size=16px">我是小标题</div>' 页面中显示效果如下： 我是小标题 主要是在render()函数中实现,示例代码如下： { title: "标题", ke... Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。 例如 let htmlStr='<div style="font-size=16px">我是小标题</div>' 页面中显示效果如下： 我是小标题 主要是在render()函数中实现,示例代码如下： { title: "标题", ke...
- 目录 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指的...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第三期2026/08/21 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；念擎-华为云AI开发者运营案例开发专家
本期直播内容：AI六层能力首次详细解读 + 新一代华为云开发者空间亮相 + 校园案例直播带练
即将直播
热门标签