1、 拖拽释放API:drag+drop
dragstart:拖拽开始
drag:拖拽中
dragend:拖拽结束
dragenter:拖动着进入
dragover:拖动着悬停在上方
dragleave:拖动着离开
drop:在目标位置释放
拖动事件是要求获得相对于整个页面的左上角的偏移量,使用e.pageX/pageY。
2、 音视频API:audio音频,video视频
① video:定义视频
autoplay:自动播放
controls:控制播放
loop:是否重复播放
preload:是否自动加载
② audio:定义音频
mark:标记,突出文字
iframe:内嵌网页框架
canvas:定义图形提供画布
3、 画布API:canvas
canvas只有两个属性,width和height
4、 地理API:geolocation
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
getCurrentPosition(postion,error):获取用户位置信息,第一个参数为获取成功的执行函数,第二个为错误处理函数。方法返回的是一个包含longitude (经度)、latitude (纬度)、accuracy (精度)等属性的一个对象。
5、 语义化更好的内容标签:header,footer,nav,section,aside,article
6、 本地离线存储:localStorage、sessionStorage
cookie:大小受限,限制4kb;且消耗性能,当前域下所有http请求都会携带这些Cookie
sessionstorage:限制为5M,关闭浏览器则缓存清空
localstorage:限制为5M,自己不会清除,需要手动清除
7、 表单控件date、time、email、url、search、tel、color
data:显示日期
time:显示时间
email:电子邮箱文本框
url: 网页地址
search:搜索引擎
tel:电话号码
color:颜色选择器