HTML基础--拖拽地理位置web存储等

拖拽

1. draggable="true"

2. ondragstart当拖拽开始时调用

3. ondragleave当鼠标离开拖拽元素时调用

4. ondragend当拖拽结束时调用

5. ondrag整个拖拽过程都会调用

地理位置

1. navigator.getCurrentPosition(successCallback, errorCallback, options) 获取当前地理信息

2. position.coords.latitude纬度

3. position.coords.longitude经度

全屏

1. requestFullscreen() 让元素开启全屏显示

2. cancleFullscreen()  让元素关闭全屏显示

3. document.fullScreen 检查是否处于全屏状态

4. 全屏伪类

- :full-screen .box {}

- :-webkit-full-screen {}

- :moz-full-screen {}

Web存储

1. 会话存储：window.sessionStorage

+ 保存在内存中

+ 生命周期为浏览器窗口。就是当窗口关闭数据销毁

+ 在同一个窗口下数据可以共享

1. 本地存储：window.localStorage

+ 有可能保存在浏览器中，也有可能保存在硬盘里

+ 永久生效

+ 可以多个窗口共享

1. 特性

+ 设置读取方便

+ 容量较大

+ 只能存储字符串

网络状态

1. 连接 window.online

2. 断开 window.offline

应用缓存

1. 优势

+ 可配置需要缓存的资源

+ 网络无连接应用仍可用

+ 本地读取缓存资源，提升访问速度，增强用户体验

+ 减少请求，缓解服务器负担

1. cache manifest 缓存清单文件