H5 API

• A: Applaycation 运用

• P: Process 进程（程序）

• I: Interfale 接口

• 【多媒体】

• 【拖拽】

• 【本地存储】

【多媒体】

在视频上面可以操作的功能
1.play()；开始播放
2.pause();点击停止
3. videoEle.volume = 0.5; 控制音量
4. currentTime += 15; 前进后退几秒钟
5. playbackRate = 2; 可快进的倍数
6. webkitRequestFullscreen();全屏 但只有谷歌浏览器才可以使用

【拖拽】

拖拽这个地方就会触发这个事件
源对象
1.dragstart：按下
2.drag：拖拽
3.dragend：抬起
目标对象
1.dragover 移动 （监听原对象是否在目标对象之上面(移动) （一直触发））
2.preventDefault(); 阻止你的默认事件
3.dragenter：被监听目标对象的鼠标的移入
3.dragleave：被监听目标对象的鼠标的移出
4.drop： 监听鼠标的移出(是否存在默认事件（是否触发），dragober中是否阻止默认事件)

【本地存储】

cookies (内存4kb)
session 会话（获取到你是否在我的页面上 如果关闭窗口我的数据消失，如果没有关闭我不管你是否注释我的数据会一直在）

• **localStorage
• sessionStorage**

【sessionStorage】

1.sessionStorage.setItem：设置数据
获取数据(查找到返回属性值，如果没有就返回null)
2. removeItem 删除数据
3. clear()；清空sessionStorage里面的所有数据
4. JSON.stringify();把JS中各种类型数据转换成“字符串”进行存储 (这是一个方法)
5. let info=sessionStorage.getItem(“obj”);
obj=JSON.parse(info);
这个俩行代码是：
把sessionStorage获取的值，转换成原本的数据类型

sessionStorage的缺点：
当我在打开新的网页 我所写的数据他是穿不过去

localStorage

sessionStorage的方法均可使用
localStorage它叫永久存储
它的优点是：
我关闭网页我的数据还是在的,关闭浏览器下次打开我的数据还是在的
数据同步