1.HTML5中的内容:
(1)视频标签:video
(2)音频标签:audio
(3)拖放
(4)画布canvas
(5)地理位置
(6)Web存储
两种在客户端存储数据的方式
localStorage:没有时间限制的数据存储
sessionStorage:针对session的数据存储(随着浏览器关闭消失)
cookie:在客户端与服务端之间来回传递用来标明用户身份的数据
三者区别:
- 前两者不会发送给服务器,cookie要发送给服务器(始终在同源http中携带)
- 存储大小方面的区别:
cookie数据不超过4k
localStorage和sessionStorage可以存储5M或者更大 - 有效性时间:
localStorage浏览器关闭也会一直保存
sessionStorage随着窗口关闭失效
cookie随着设置的cookie超过过期时间时间失效(无论浏览器关闭)
(7)应用缓存
(8)Web Workers:
概念:运行于后台JavaScript,独立于其他脚本,不会影响页面性能。
实现:主要通过postMessage和onmessage方法,进行worker与主页面之间的通讯。(传递的是数据的拷贝,序列化和反序列化)
在外部的worker.js文件中完成复杂数据的处理,通过postMessage传递数据。
可以加载一个js进行大量运算而不挂起主线程。
应用:大量运算处理
(9)表单中添加:email、url、number(min max)、range(min max)、日期选择器(type=“date”)
--待更新