html技术共162篇

html技术
HTML5 本地存储实现购物车功能-爱站

HTML5 本地存储实现购物车功能

在家休陪产假,无聊,看自己以前的项目,突然发现之前写的购物车都是用数据库实现的,数据库实现购物车原则上没什么问题,但是需要和数据库交互,这样无意之间降低了程序的效率。今天突发奇想,...
2站编辑的头像-爱站2站编辑2年前
012812
HTML5 FormData 方法介绍以及实现文件上传示例-爱站

HTML5 FormData 方法介绍以及实现文件上传示例

XMLHttpRequest 是一个浏览器接口,通过它,我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一种常用的前后台交互数据的方式。2008年 2 月,XMLHttpRequest Leve...
2站编辑的头像-爱站2站编辑2年前
0835
html5利用canvas绘画二级树形结构图的示例-爱站

html5利用canvas绘画二级树形结构图的示例

上周需要做一个把页面左侧列表内容拖拽到右侧区域,并且绘制成关系树的功能。 看了设计图,第一反应是用canvas绘制关系线。 吭哧吭哧搞定这个功能后,发现用canvas绘图,有一个很严重的缺陷。那...
2站编辑的头像-爱站2站编辑2年前
012815
html5新增的定时器requestAnimationFrame实现进度条功能-爱站

html5新增的定时器requestAnimationFrame实现进度条功能

在requestAnimationFrame出现之前,我们一般都用setTimeout和setInterval,那么html5为什么新增一个requestAnimationFrame,他的出现是为了解决什么问题? 优势与特点: 1)requestAnimationFram...
2站编辑的头像-爱站2站编辑2年前
09111
详解使用HTML5的classList属性操作CSS类-爱站

详解使用HTML5的classList属性操作CSS类

以前我们有需要用js或jquery的一些方法hasClass、addClass、removeClass,在一个元素的class属性上添加或者删除某几个类,达到某种样式变化的需求,但还是稍微麻烦了一些。 h5新增的classList可...
2站编辑的头像-爱站2站编辑2年前
0997
js实现移动端H5页面手指滑动刻度尺功能-爱站

js实现移动端H5页面手指滑动刻度尺功能

封装成直接可用的MeasureRuler.js 调用方法: 1 2 3 4 5 6 7 8 9 10 //初始化尺子     var measureRuler =new MeasureRuler({     wrapperId:'rulerWrapper',     //容器ID,页面中...
2站编辑的头像-爱站2站编辑2年前
020314
HTML5实现视频直播功能思路详解-爱站

HTML5实现视频直播功能思路详解

 前言 前不久抽空对目前比较火的视频直播,做了下研究与探索,了解其整体实现流程,以及探讨移动端HTML5直播可行性方案。 发现目前 WEB 上主流的视频直播方案有 HLS 和 RTMP,移动 WEB 端目前...
2站编辑的头像-爱站2站编辑2年前
020915
使用HBuilder制作一个简单的HTML5网页-爱站

使用HBuilder制作一个简单的HTML5网页

双击index.html打开页面,项目中已经默认生成了HTML5所需要的结构,代码如下: 1 2 3 4 5 6 7 8 9 <!DOCTYPE html> <html>     <head>         <meta charset...
2站编辑的头像-爱站2站编辑2年前
01736
html5+实现plus.io进行拍照和图片等获取-爱站

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

使用Hbuilder开发工具开发:实现可对Android机进行控制和获取资源 说明:IO模块管理本地文件系统,用于对文件系统的目录浏览、文件的读取、文件的写入等操作。通过plus.io可获取文件系统管理对...
2站编辑的头像-爱站2站编辑2年前
02105
HTML5之高度塌陷问题的解决-爱站

HTML5之高度塌陷问题的解决

所谓的高度塌陷,意即当给子元素设置浮动时,其父元素高度会丢失的情况。通过实际代码进行演示: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33...
2站编辑的头像-爱站2站编辑2年前
0478