[JavaScript知识库]面试题四高级

面试题高级四

一、html5部分
1.sessionStorage和localStorage的区别
答案：
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
2.Canvas和SVG的区别是什么
答案：
canvas绘制2d位图svg绘制2d 矢量图
canvas通过js程序指令创建图形，svg通过标签创建图形
canvas可以只能将事件绑定在画布上，svg可以将事件绑定在任意元素上
canvas应用方向，网页特效与小游戏，svg创建统计图与地图应用

3.如何通过canvas路径绘制一个圆心 250 200 半径为100 描边红色的圆
提示：画布id 为box 画布宽高相同500px

var can = docuemnt.getElementById(“box”);
var ctx = can.getContext(“2d”);
ctx.beginPath();
ctx.arc(250,200,100,0,2*Math.PI);
ctx.stroke();

4. html5有哪些新特性举五种
   canvas 绘图技术
   svg 绘图技术
   webworker 新线程
   websocket 网络协议
   webstorage 客户端存储

5. html5表单中新input type 属性值有哪些
   Color
   D

开通VIP 解锁文章