HTML5答辩问题总结1.HTML5 新的 DocType是什么？
答案：<!doctype html>；
2.HTML5 页⾯中⾳频标签，视频标签?
答案：<audio></audio>；<video></video>；
3.HTML5 引⼊什么新的表单属性？
答案：range,email,number,url,time,week,month,date,datalist,datetime,color
4.HTML5中的datalist是什么？怎么写的?
答案：
HTML5中的Datalist元素有助于提供⽂本框⾃动完成特性，写法<input list="Country">
<datalist id="Country">
<option value="India">
<option value="Italy">
<option value="Iran">
<option value="Israel">
<option value="Indonesia">
<datalist>
5：HTML5中获取画布上下⽂的js代码
答案：
var canvas = ElementById('myCanvas');
//获取界⾯canvas标签对象
var ctx = Context('2d');
//获取画布上下⽂
6.画布中怎么绘制⼀条直线
答案：
ctx.beginPath();
ctx.lineTo(200,100);
ctx.stroke();
答案：起始⼀条路径，或重置当前路径
答案：把路径移动到画布中的指定点，不创建线条，参数对应x,y轴坐标
答案：⼀个是绘制路径，相当于只画边框，⼀个是填充路径
10.⽤⾃⼰的语⾔描述⼀下对画布路径的理解,
moveTo,lineTo(),fill(),stroke(),beginPath(),closePath()
答案：
1.⾸先来说moveTo()⽅法，相当于你告诉我，把笔移动到哪⾥，开始画图，这只是⼀个定点，
lineTo()就是画线到哪个坐标，当然开始点就是moveTo所指定的坐标,lineTo()指定的点就是结束点
2.其次,fill()和stroke()⽅法相当于最后绘制图形，什么意思呢？也就是路径我们制定了之后，就最后需要画图了，
⽽fill表⽰填充，stroke()简单来说就是描边画线
3.beginPath()相当于告诉画布要开始路径了，这⾥是路径的起点，如果没有这⼀句，下⼀次再绘制线条时，会接着上⼀次的结束位置继续绘制，
closePhath()，关闭路径，如果没有这⼀句，路径不会⾃动闭合
11.HTML5中画圆(弧)和画矩形的⽅法，画圆(弧)的⽅法有⼏个参数，分别是什么意思
答案：arc(),rect()；arc(x坐标，y坐标，r半径，0起始地弧度，2*Math.PI结束的弧度，false顺时针|true逆时针)
12.度数转化为弧度的公式
答案：弧度 = 度数 * Math.PI / 180
13.线性渐变，放射性渐变如何实现，说出关键代码
答案：var ateLinearGradient(x0,y0,x1,y1);
var grd= ateRadialGradient();
14.样式，阴影的APIshadow什么意思啊
答案：
fillStyle 设置或返回⽤于填充绘画的颜⾊、渐变或模式
strokeStyle 设置或返回⽤于笔触的颜⾊、渐变或模式
shadowColor 设置或返回⽤于阴影的颜⾊
shadowBlur 设置或返回⽤于阴影的模糊级别
shadowOffsetX 设置或返回阴影距形状的⽔平距离
shadowOffsetY 设置或返回阴影距形状的垂直距离
grd.addColorStop(stop,color);
15.如果要⽤到HTML5中的拖拽API，需要给被拖拽的标签什么属性，拖拽的事件有哪些？
答案：draggable；
拖拽对象 :
A.dragstart：当元素拖拽开始触发；
B.drag：在元素拖拽过程中触发；
C.dragend：元素拖拽结束时触发
投放对象：
A.dragenter：当拖拽对象进⼊投放区时触发；
B.dragover：拖拽对象在投放区内移动时触发；
C.dragleave：拖拽对象没有投放到投放区，离开投放区的 时候触发；
D.drop：拖拽对象投放在投放区时触发。
②注意：dragenter、dragover可能会受到默认事件的影 响，所以我们在这两个事件当中使⽤ e.preventDefault()；来阻⽌事件默认事件
16.HTML5中视频⽀持哪三种格式
答案：ogg,mpge4,webM
17：HTML5中⾳频⽀持哪三种格式
答案：ogg,mp3,wav
18.能否将视频放到画布上播放？
答案：能，使⽤video的播放事件，当视频播放的时候，在画布上使⽤setInterval不断的画出当前视频帧数的图⽚就能播放19.HTML5本地简单存储有哪两个
答案：localstorage,sessionStorage
20.localstorage,sessionStorage有什么区别？
答案：
A.localStorage ：
localStorage 没有时间限制的数据存储，也就是说， localStorage是永远不会过期的，除⾮主动删除数据。
数据可跨越多个窗⼝，⽆视当前会话，在同⼀个域中 被共同访问、使⽤。
B.sessionStorage
针对⼀个 session 的数据存储，任何⼀个页⾯存储的 信息在窗⼝中同⼀域下的页⾯都可以访问它存储的数 据。
每个窗⼝的值都是独⽴的，它的数据会因窗⼝的 关闭⽽丢失，不同窗⼝间的sessionStorage是不可以 共享的
21.HTML5 web sql有哪三个核⼼⽅法，分别的作⽤是什么?
答案：
A.openDatabase：这个⽅法使⽤现有数据库或新建数据库来创建数据库对象
22.openDatabase有 ⼏个参数 ，分别的是什么意思?
答案：
var dataBase = openDatabase("student", "1.0", "学⽣表", 1024 * 1024, function () { });
A.数据库名称。
B.版本号 ⽬前为1.0。
C.对数据库的描述。
D.设置数据的⼤⼩。
E.回调函数(可省略)
23.本地存储localstorage和cookies之间的区别是什么？
答案：
Cookies
客户端/服务端: 客户端和服务端都能访问数据。Cookie的数据通过每⼀个请求发送到服务端
⼤⼩: 每个cookie有4095byte
过期: Cookies有有效期，所以在过期之后cookie和cookie数据会被删除
Local storage
客户端/服务端: 只有本地浏览器端可访问数据，服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器⼤⼩: 每个域5MB
过期：没有过期数据，⽆论最后⽤户从浏览器删除或者使⽤Javascript程序删除，我们都需要删除
24.画布的缩放，平移，旋转的⽅法分别是什么?
答案：scale(),translate(),rotate()
25.在使⽤画布的矩阵⽅法(缩放平移旋转⽅法)的时候应该注意什么?
答案：
A.变换基点的问题(当图形变化的时候是以谁为基准点)
B.变换⽅法影响范围的问题(当使⽤了变换⽅法，会对哪些图形有影响)
C.保存和恢复状态的问题(如何只变换某个图形，⽽使的其他的图形保持原有的样式)
D.如何消除变形记忆的问题
E.关于清除画布的问题
答案：
六个
1，4表⽰缩放
2，3表⽰斜拉
5，6表⽰平移
1，2，3，4以cos,sin,-sin,cos⽅式传⼊ 表⽰旋转
27.图像绘制的API
答案：drawImage()
28：globalCompositeOperation属性是什么意思？
答案：图像合成，设置或返回如何将⼀个源（新的）图像绘制到⽬标（已有）的图像上。
29.像素操作常⽤到的API？
答案：createImageData(),getImageData(),putImageData()

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。