前端面试题-HTML5新特性

最新推荐文章于 2024-05-16 02:38:53 发布

爱吃橙子的猪

最新推荐文章于 2024-05-16 02:38:53 发布

阅读量490

点赞数

分类专栏：面试题文章标签： html5 前端

本文链接：https://blog.csdn.net/Vivian_0430/article/details/108121217

版权

面试题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

标签语义化
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.geolocation
canvas画布
svg绘图：可伸缩矢量图形
web worker：在当前JavaScript主进程中开启一个异步线程（独立工作，在主线程以外运行），window.postMessage可用于解决跨域数据传输。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
//WEB页主线程
var worker =new Worker("worker.js"); //创建一个Worker对象并向它传递将在新线程中执行的脚本的URL
worker.postMessage("hello world");     //向worker发送数据
worker.onmessage =function(e){     //接收worker传过来的数据函数
   console.log(e.data);             
}
worker.terminate()  //终止
</script>
</head>
<body></body>
</html>

//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…）

爱吃橙子的猪

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端面试题-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，p.
复制链接

扫一扫