云主机低至2折：爆款云服务器低至2折，1核1G¥293/元
使用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）什么是特殊符号？  特殊符号就是网页上一些比较特殊的符号。（2）为什么需要特殊符号？  因为有时候我们需要特殊符号，比如：把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实现金字塔图的实例代码
前言最近公司项目都偏向于数字化大屏展示🥱，而这次发给我的项目原型中出现了一个金字塔图🤔️， 好巧不巧，由于我们的图表都是使用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
哪些html元素有for属性
for属性适用的html元素 元素名 说明 <label> for与<label>元素一起使用时，for属性指定标签绑定到哪个表单元素。 <output> for与<output>元...
2021-05-11
canvas绘制折线路径动画实现
最近有读者加我微信咨询这个问题：其中的效果是一个折线路径动画效果，如下图所示：要实现以上路径动画，一般可以使用svg的动画功能。或者使用canvas绘制，结合路径数学计算来实现。...
2021-05-11
Html5生成验证码的示例代码
利用Html5的canvas标签生成画布,在画布上利用随机生成的数字画上验证码，背景为随机生成的颜色和杂乱的直线与点点。进阶：利用表单插件属性绑定验证码数据(json)可以在发送时候...
2021-05-11
HTML+css盒子模型案例(圆，半圆等)“border-radius” 简单易上手
很多小伙伴在前端学习的时候，发现盒子模型默认为正方形。如何把盒子变成想要的模型呢？ 首先我们来看一下默认的情况----<!DOCTYPE html><html lang="en"><head> <meta char...
2021-05-10
html5中sharedWorker实现多页面通信的示例代码
是这样的，今天玩github，先是在没有登录浏览了一些页面，然后在某一页面进行了登录。这时再切换的其他页面时就看到了下面的提示：那么这是怎么做到的呢？我们可以想到，一种办法是 loc...
2021-05-07
html5语义化标签有哪些
HTML语义化：每个HTML标签都有自己特定含义（语义），语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。看过一个比较形象的例子：盖一栋...
2021-05-06
如何将JSON转换为HTML格式并显示
将JSON转换为HTML格式并显示的方法：ABAP接口程序开发中时常会用到JSON格式来传输数据，在监控传输的JSON串内容时，把JSON转换为HTML格式来显示会很便利。下面提供一个简单例子来...
2021-04-27
