HTML 笔记
关注
分享
扫一扫
学习记录点
Friday--星期五
我们这个世界，从不会给一个伤心的落伍者颁发奖牌。
展开
-
H5拖放（Drag and drop）几个方案
使用Drag随意拖拽图片到页面的任意处：方案一：<html><head> <title>Drag</title> <style type="text/css"> </style></head><body> <div id="r" style="position:absol...原创 2020-04-06 23:31:07 · 1582 阅读 · 0 评论 -
H5离线缓存（applicationCache ）
离线缓存（applicationCache ）离线缓存（applicationCache ）简单理解就是第一次加载后将数据缓存，在没有清除缓存前提下，下一次没有网络也可以加载，用在静态数据的网页或游戏比较好用，这些文件包括html、js、css、img等文件。当然，Html5新的特性都不是所有浏览器都能支持的，离线缓存也一样。反正IE9（包括）及IE9以下的浏览器目前是不支持的。如果用在移动端...原创 2020-04-06 18:28:22 · 1105 阅读 · 0 评论 -
H5新特性画布(canvas）
画布（Canvas）<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title> <!--1.Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（...原创 2020-04-06 13:46:56 · 1063 阅读 · 0 评论 -
H5音频和视频（video和audio）
音频和视频1: 以下属性可以直接写在video标签中<video controls loop muted poster="res/x.png"> <source src="res/x.mp4"> 您的浏览器版本太低请升级</video>成员属性：autoplay 是否自动播放controls ...原创 2020-04-06 13:39:53 · 2057 阅读 · 0 评论 -
H5本地离线存储
本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失，相同浏览器的不同页面间可以共享相同的 localStorage，除非主动删除数据sessionStorage数据存储在关闭浏览器之前，浏览器关闭后数据自动删除。1.相同的使用方法,API基本是一样的(1) localStorage API:a.使用setItem设置储存内容:localStorage.setI...原创 2020-04-06 13:24:53 · 552 阅读 · 0 评论 -
H5新特性地理定位（geolocation）
一：介绍使用的知识点1.地理定位的原理2.geolocation对象3.Geolocation Api4.getCurrentPosition的第一个参数5.getCurrentPosition的第二个参数6.getCurrentPosition的第三个参数7.watchPosition与clearPosition函数二：程序演示1.注意...原创 2020-04-04 23:22:08 · 1220 阅读 · 0 评论 -
使div盒子水平垂直居中的方法
不固定和固定宽高的盒子垂水平直居中的几种方法1.不固定宽高让盒子垂直居中有以下方法：第一种：使用css 方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...原创 2020-03-29 14:24:29 · 589 阅读 · 0 评论