前端面试题 H5新特性

1. H5 都新增了哪些新特性？

• 拖拽释放(Drag and drop)API  音频、视频API(audio , video)
• 画布(Canvas)API
• 地理(Geolocation)API
• 表单控件：calendar、date、time、email、url、search
• 新的技术：websocket

2. sessionStorage , localStorage 和cookie 三者有什么区别？

共同点：它们三者都是浏览器端的存储介质，可以存储一些数据

不同点：sessionStorage 是将数据存储在页面的内存中，所以数据会跟随页面的关闭而销毁，存储数据相对较少(5M左右)，只能存储字符串；

localStorage 是将数据存储在电脑的磁盘上，存储数据量大(20M左右)，需要手动删除，只能存储字符串；

cookie 是http协议的重要组成部分，存储数据量相对比较少(4K左右)，存储cookie的时候可以设置过期时间，到达过期时间后会自动销毁，如果没有设置，则跟随浏览器的关闭而销毁。cookie中存储的数据会伴随每一次http请求被发送到服务端，所以不建议在cookie中存储大量数据