当前位置: 首页 > >

前端面试题-HTML5新特性

发布时间:

    标签语义化
    header,footer,nav,section,article,aside,diallog等。
    好处:结构清晰,易于阅读,可维护性更高,有利于搜索引擎的搜索(SEO的优化)。音频和视频标签
    audio,video(source标签定义type属性)
    属性:src(音频或视频链接),width,height,controls(显示控件)表单
    input新增输入类型:date,color,month,email,tel,url等
    新增表单元素:keygen(公钥私钥),datalist,progress,meter,output
    新增表单属性:placeholder,min/max,pattern,required,width,height,multitype等移除元素:big,font,center,frameset,frame等新增api:获取用户的地理位置-window.navigator.geolocationcanvas画布svg绘图:可伸缩矢量图形web worker:在当前JavaScript主进程中开启一个异步线程(独立工作,在主线程以外运行),window.postMessage可用于解决跨域数据传输。










//worker.js
onmessage =function (e){
var data = e.data;//通过e.data获得发送来的数据
postMessage( data );//将获取到的数据发送会主线程
}

    web storage(常考localStorage,sessionStorage,cookie以及session之间的区别)

localStorage.setItem(key,value);//保存数据
let value = localStorage.getItem(key);//读取数据
localStorage.removeItem(key);//删除单个数据
localStorage.clear();//删除所有数据
let key = localStorage.key(index);//得到某个索引的值

localStorage:永久存储,存储在浏览器端,存储容量为8M,保存的数据为字符串
sessionStorage:会话存储,窗口关闭即清除,存储在浏览器端,存储容量为8M,保存的数据为字符串
cookie:存储在浏览器端,每次发送http请求时携带,存储容量为4k,保存的数据为字符串
session:存储在服务器端,安全性更高,保存的数据为对象
10. web socket:浏览器端和服务器端之间的全双工通信机制(没有同源限制,客户端可以和任意服务器端进行通信),服务器可以主动推送数据到服务端。
11. 允许控制哪些文件需要缓存(CACHE,NETWORK…)



友情链接: