HTML5之高度塌陷问题的解决

所谓的高度塌陷,意即当给子元素设置浮动时,其父元素高度会丢失的情况。通过实际代码进行演示:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta ht...

2022-06-08

html5+实现plus.io进行拍照和图片等获取

html5+官网地址使用Hbuilder开发工具开发:实现可对Android机进行控制和获取资源
说明:IO模块管理本地文件系统,用于对文件系统的目录浏览、文件的读取、文件的写入等操作。通过...

2022-06-08

HTML中实现音乐或视频自动播放案例详解

由于期末大作业我想插入一个背景音乐,实现点开网页就会自动播放音频的效果。于是我按照书上的案例写了如下代码<audio src="../medio/花海.mp3" loop="loop" controls="contr...

2022-05-28

面试中canvas绘制图片模糊图片问题处理

问题:canvas绘制图片,图片变模糊设定一个一定尺寸的canvas,我这里设置的画布大小是400px*400px。当一张图片完全画到画布上的时候,大概率都会出现图片模糊的情况。
我拿下面一张...

2022-05-10

使用feDisplacementMap+feImage滤镜实现水波纹效果(计算动态值)

该文章已经讲的特别细致了,该篇仅以此记录动效过程中各点的计算。1.feDisplacementMapfeDisplacementMap 实际上是一个位置替换滤镜,就是改变元素和图形的像素位置的。遍历原...

2022-04-27

HTML标签教你实现带动画的抖音LOGO效果

目录抖音Logo结构制作思路如何在一个伪元素中一笔画出整个音符图案呢?开搞开搞打地基画1/4圆环画半圆画长条画半径稍大一些的1/4圆环拆分颜色通过变量获取加个动画最后大家好...

2022-04-27

六个好看实用的html简单登录页面小结

本人找到了六个html登录页面,感觉还行,也挺好看的。1.效果一:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt...

2022-04-27

使用Canvas绘制一个游戏人物属性图

前言身为一个程序员竟然沉迷游戏,wtf??? 都怪腾讯前几天出了一款叫做寻仙的手游,作为曾经的资深玩家,小V君犹豫再三还是忍不住入坑了。入坑了怎么不去打游戏,还在这里发文章? 不不不...

2022-04-04

HTML5基础学习之文本标签控制

目录一、文本标签控制1.标题段落标签1.1标题标签<hi>1.2段落标签<p>2.文本格式化标签2.1换行标签<br>2.2水平标签<hr>2.3字形标签2.4<div>标签2.5<span>标签3.特殊字符标签...

2022-04-04

带你了解HTML5 SVG,看看怎么绘制自适应的菱形

最近在某思看到这样一个问题:需要绘制一个自适应尺寸的菱形,并且还有边框,一般在流程图中很常见,效果如下如果没有边框的话,用 CSS clip-path 也能很方便的裁剪出一个菱形,但是边...

2022-03-29

html粘性页脚的具体使用

本学期在软件设计大作业时要实现一个粘性页脚功能,即不管页面内容怎么变,页脚始终要滑到页面的最下方才能出现。本次作业采用bootstrap框架网上方法1、html标签将html显示高度...

2021-12-28

Html5获取用户当前位置的几种方式

前言前段时间写到H5获取用户当前位置,百度了好多种办法都没实现,包括H5自带的方法,具体问题不知道出在哪里了,基本都是报错啥的,下面一起看看吧~一、使用H5自带的获取位置先使用n...

2021-12-28

HTTP中的Content-type详解

Content-TypeContent-Type(MediaType),即是Internet Media Type,互联网媒体类型,也叫做MIME类型。在互联网中有成百上千中不同的数据类型,HTTP在传输数据对象时会为他们打上称为MI...

2021-12-28

MIME类型中application/xml与text/xml的区别介绍

RFC2376 文档 定义了application/xml 和 text/xml 媒体类型。RFC7303 文档 也定义了application/xml 媒体类型。RFC3023 文档 一次定义了application/xml 和 text/xml 等所...

2021-12-28

html5调用摄像头截图功能

关于html5调用音视频等多媒体硬件的API已经很成熟,不过一直找不到机会把这些硬件转化为实际的应用场景,不过近年来随着iot和AI的浪潮,我觉得软硬结合的时机已经成熟。那我们就...

2021-12-28

postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍

1、form-data: 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会...

2021-12-28

深入浅出了解一下html中的特殊符号、表单和表格

特殊符号(1)什么是特殊符号?&emsp;&emsp;特殊符号就是网页上一些比较特殊的符号。(2)为什么需要特殊符号?&emsp;&emsp;因为有时候我们需要特殊符号,比如:把html代码显示在网页上。(你...

2021-12-28

html怎样设置select默认不选中

html怎样设置select默认不选中默认情况下 select 标签会选中第一个值作为默认值,当然我们也可以自己定义默认值。但我们现在的需求是不想选中任何默认值,有一种比较好的方法不...

2021-12-25

Bootstrap中怎么实现加载效果?读取图标(Spinners)组件

1 简单的读取图标使用Bootstrap读取图标以表示元件加载状态,这些读取图标完全使用HTML,CSS,而没有使用到JavaScript。它们的外观、对齐以及尺寸都可以通过通用类来自定义,但您...

2021-12-12

html怎么添加字体删除线

html添加字体删除线1、用“<s>”标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> 正常文本<br /><br /> <s>删除线文本</s> </body>...

2021-12-10

一文了解Bootstrap中的多种图片轮播效果

1 轮播组件轮播(Carousel)是一种幻灯片放映组件,用于在元素、图像或文本幻灯片(如旋转木马)之间循环播放。carousel是一个幻灯片,用于循环播放一系列内容,使用css3d转换和一点JavaS...

2021-12-02

小区后台管理系统项目前端html页面模板实现示例

目录登录小区管理系统主页小区管理菜单房产管理菜单业主信息管理菜单停车位管理菜单服务管理菜单资产管理菜单收费管理菜单管理员管理菜单系统设置项目结构:主要代码展示:登录...

2021-11-27

深入讲解Bootstrap中手风琴组件的使用方法(实例)

1 简单例子手风琴(Accordion)组件非常类似于选项卡,只不过它不是横向排列,而是竖向排列,结合自带的JavaScript插件无需手写js就可以实现折叠的垂直内容。手风琴通常用于后台面板...

2021-11-27

Html5同时支持多端sdk的小技巧

需求在实际项目中,我们通常会需要做一些跨多平台的页面。比如说一个活动页面,需要在微信小程序里展示,也需要在自家公司的app里面展示,还需要在支付宝等平台里面展示。这时候一...

2021-11-21

HTML5 新增内容和 API详解

classList 属性该属性用于在元素中添加,移除及切换 CSS 类。classList 属性返回元素的类名,作为 DOMTokenList 对象:<div id="div" class="test1 test2">classList</div><scrip...

2021-11-21

使用canvas仿Echarts实现金字塔图的实例代码

前言最近公司项目都偏向于数字化大屏展示&#129393;,而这次发给我的项目原型中出现了一个金字塔图&#129300;&#65039;, 好巧不巧,由于我们的图表都是使用Echarts,而Echarts中又不...

2021-11-15

手把手教你怎么使用html+css实现轮播图效果(代码分享)

推动轮播实现效果图如下首先写Html部分,你可以理解这个div标签,如果你写CSS或者JS的时候可以用到这几个div标签,<div id="container">就是 一个ID为container的div,先不说多,下面...

2021-08-27

浅析微信小程序和web之间的交互(代码分享)

背景通常我们写了一套自适应的web程序,想在多种环境中使用.比如app里,微信小程序里,各种app分享中,假如只是能使用app浏览,问题不大,但是要在被嵌入app里面和app本身交互,就要做各...

2021-08-17

html篇:网页中如何实现输入框效果(代码详解)

<input> 标签指定:搜集用户信息并且输入字段很多种形式,比如:文本字段、复选框、单选按钮、等等。添加输入框的方法<input type="">这个type是告诉它是个什么类型,比如txt文本类...

2021-08-17

教你用HTML5画一个馋人的西瓜

不知道各位对HTML5掌握了多少,或许大家可以在本地自己写一个能实现半圆弧西瓜样式的代码,小小提醒一下:西瓜典型的配色就是红配绿~下面是我给出的一个实现方法,大家可以直接复制...

2021-08-11

如何使用html制作一个简洁的提交表单(代码详解)

html制作一个表单的方法网页中常见的“登录”“注册”等功能通常都是使用表单实现的,比如下方是一张登录表单示例,其中就配合使用了<input>和<button>代...

2021-08-02

某些HTML字符打不出来怎么办

大家了解字符实体吗?防止某些小伙伴不了解,我们先来说一下字符实体。字符实体通俗讲就是网页文件中复杂的符号代码和一些标点的代码。例如小于号< ,大于号> ,双引号“&rdqu...

2021-08-02

html5实现点击弹出图片功能

下面给大家分享html5点击弹出图片,分为前台代码和js代码,具体内容如下所示:前台代码:<a href="javascript:;" onclick="repeat()"> <div id="modal_volume" style="position: fi...

2021-07-16

html5 录制mp3音频支持采样率和比特率设置

13年的时候做过html5录音,一个问题是保存的wav格式文件很大,当初用了一个迂回的方式,上传到服务器后调用 lame 编码器转换,但由于文件大,上传较慢。不得不说,前端技术发展真是日新...

2021-07-16

html+css实现环绕倒影加载特效

本文主要介绍了html+css实现环绕倒影加载特效,具体如下:先看效果(完整代码在底部):实现(可一步一步边看效果边编写):※先初始化(直接复制): *{ margin: 0; paddi...

2021-07-16

html5表单的required属性使用

描述今天无意之中发现form有自带非空判断功能,查了资料发现,required 属性是 HTML5 中的新属性定义和用法required 属性是一个布尔属性
required 属性规定必需在提交之前填...

2021-07-16

html输入两个数实现加减乘除功能

一、parseFloat() 函数
在网页中制作一个简单的计算器,在文本框输入两个数,能够实现两个数的加减乘除。
parseFloat() 函数可解析一个字符串,并返回一个浮点数。
该函数指定字...

2021-07-02

html5调用摄像头实例代码

最近在学习在做HTML5的项目,看了博客上html5调用摄像头拍照的文章,但各有瑕疵。于是自己查阅书籍写了一个demo,主要分三步,废话不多说上代码。HTML代码部分:<!--video用于显示媒...

2021-06-29

HTML5页面音频自动播放的实现方式

最近有这么一个需求,需要在手机加载一个页面的时候,自动播放音乐资源。一般情况下,这个问题也就解决了,但是要保证各种手机上表现一致,那就相当困难了,至少要费点儿周折。 下面有...

2021-06-29

html中显示特殊符号(附带特殊字符对应表)

问题重现在使用html进行编辑的时候,特殊符号往往会显示错误,极端情况下更可能导致网页崩溃。如下面这段代码:<table><tr><td>中_国_人</td></tr></table>在网页中则显示为:这里...

2021-06-29

html实现弹窗的实例

上午闲来无事,用html及原生js写个弹窗,供参考。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body{ margin: 0p...

2021-06-09

关于html选择框创建占位符的问题

我在文本输入中使用占位符,效果很好。但我也想为我的选择框使用一个占位符。当然,我可以使用以下代码:<select> <option value="">Select your option</option> <option...

2021-06-09

html2 canvas svg不能识别的解决方案

  最新有个功能需要截取网页成图片,于是用到比较流行的html2canvas,本来以为能顺顺利利的搞定,后来发现网页上的流程图连接线不在截图中。于是各种百度、bing,也搜到好多,但是...

2021-06-05

HTML+VUE分页实现炫酷物联网大屏功能

效果demo.html<html> <head> <meta charset="UTF-8"> <title>数据大屏</title> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src=...

2021-05-27

HTML5来实现本地文件读取和写入的实现方法

最近有这样一个需求,就是在html页面中有个按钮导出,点击它,将构造一个文档并存储到本地文件系统中。另外还有个按钮,点击它,从本地文件系统中读取一个文件并对内容进行分析。说白...

2021-05-25

HTML中的表单Form实现居中效果

之前碰到一个作业,给了一张图片,让按照图片样式做一个表单,但在所有功能都实现后,发现无法让表单居中,一直缩在左上角,看起来很难看。在经过了各种修改后,终于成功将表单居中,下面分...

2021-05-25

HTML 罗盘式时钟的实现

代码块:<!DOCTYPE html> <html lang="zh-hans"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...

2021-05-20

html5怎么禁止缓存

html5:<HEAD> <meta HTTP-EQUIV="pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Cache-Control" CONTENT="no-store"> <meta HTTP-EQUIV="expires" CONTENT="0"></HEAD>chr...

2021-05-17

HTML通过表单实现酒店筛选功能

<!doctype html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html:charset=utf-8"/><title>通过表单实现酒店筛选</...

2021-05-17

HTML5简单实现添加背景音乐的几种方法

这里推荐两种方法,就是两个标签 <embed> 或者<audio >常用 <audio > +css布局 隐藏播放器 做网站比较实用!<!DOCTYPE html><html><head> <title>html5添加音乐</title>...

2021-05-12
返回顶部
顶部