html5作品答辩,HTML5答辩问题总结1.HTML5 新的 DocType是什么?
答案:;
2.HTML5 页⾯中⾳频标签,视频标签?
答案:;;
3.HTML5 引⼊什么新的表单属性?
答案:range,email,number,url,time,week,month,date,datalist,datetime,color
4.HTML5中的datalist是什么?怎么写的?
答案:
HTML5中的Datalist元素有助于提供⽂本框⾃动完成特性,写法
5:HTML5中获取画布上下⽂的js代码
答案:
var canvas = ElementById(‘myCanvas‘);
//获取界⾯canvas标签对象
var ctx = Context(‘2d‘);
//获取画布上下⽂
6.画布中怎么绘制⼀条直线
答案:
ctx.beginPath();
ctx.lineTo(200,100);
ctx.stroke();
答案:起始⼀条路径,或重置当前路径
答案:把路径移动到画布中的指定点,不创建线条,参数对应x,y轴坐标
英语好词好句9.ctx.stroke()和ctx.fill()是什么意思?
答案:⼀个是绘制路径,相当于只画边框,⼀个是填充路径
10.⽤⾃⼰的语⾔描述⼀下对画布路径的理解,
moveTo,lineTo(),fill(),stroke(),beginPath(),cloPath()
答案:
1.⾸先来说moveTo()⽅法,相当于你告诉我,把笔移动到哪⾥,开始画图,这只是⼀个定点,
lineTo()就是画线到哪个坐标,当然开始点就是moveTo所指定的坐标,lineTo()指定的点就是结束点
2.其次,fill()和stroke()⽅法相当于最后绘制图形,什么意思呢?也就是路径我们制定了之后,就最后需要画图了,
⽽fill表⽰填充,stroke()简单来说就是描边画线
aihui3.beginPath()相当于告诉画布要开始路径了,这⾥是路径的起点,如果没有这⼀句,下⼀次再绘制线条时,会接着上⼀次的结束位置继续绘制,
cloPhath(),关闭路径,如果没有这⼀句,路径不会⾃动闭合
food
11.HTML5中画圆(弧)和画矩形的⽅法,画圆(弧)的⽅法有⼏个参数,分别是什么意思
答案:arc(),rect();arc(x坐标,y坐标,r半径,0起始地弧度,2*Math.PI结束的弧度,fal顺时针|true逆时针)
12.度数转化为弧度的公式
答案:弧度 = 度数 * Math.PI / 180
13.线性渐变,放射性渐变如何实现,说出关键代码
答案:var ateLinearGradient(x0,y0,x1,y1);
var grd= ateRadialGradient();
14.样式,阴影的API
答案:
fillStyle 设置或返回⽤于填充绘画的颜⾊、渐变或模式
strokeStyle 设置或返回⽤于笔触的颜⾊、渐变或模式
shadowColor 设置或返回⽤于阴影的颜⾊
shadowBlur 设置或返回⽤于阴影的模糊级别
shadowOfftX 设置或返回阴影距形状的⽔平距离
draw怎么读语音shadowOfftY 设置或返回阴影距形状的垂直距离
grd.addColorStop(stop,color);
15.如果要⽤到HTML5中的拖拽API,需要给被拖拽的标签什么属性,拖拽的事件有哪些?
答案:draggable;
拖拽对象 :
A.dragstart:当元素拖拽开始触发;
B.drag:在元素拖拽过程中触发;
C.dragend:元素拖拽结束时触发
投放对象:
A.dragenter:当拖拽对象进⼊投放区时触发;
B.dragover:拖拽对象在投放区内移动时触发;
C.dragleave:拖拽对象没有投放到投放区,离开投放区的 时候触发;
D.drop:拖拽对象投放在投放区时触发。
reduce②注意:dragenter、dragover可能会受到默认事件的影 响,所以我们在这两个事件当中使⽤ e.preventDefault();来阻⽌事件默认事件
16.HTML5中视频⽀持哪三种格式
borrego答案:ogg,mpge4,webM
17:HTML5中⾳频⽀持哪三种格式
答案:ogg,mp3,wav
18.能否将视频放到画布上播放?
答案:能,使⽤video的播放事件,当视频播放的时候,在画布上使⽤tInterval不断的画出当前视频帧数的图⽚就能播放19.HTML5本地简单存储有哪两个
答案:localstorage,ssionStorage
20.localstorage,ssionStorage有什么区别?
答案:
A.localStorage :
localStorage 没有时间限制的数据存储,也就是说, localStorage是永远不会过期的,除⾮主动删除数据。
数据可跨越多个窗⼝,⽆视当前会话,在同⼀个域中 被共同访问、使⽤。
B.ssionStorage
针对⼀个 ssion 的数据存储,任何⼀个页⾯存储的 信息在窗⼝中同⼀域下的页⾯都可以访问它存储的数 据。
每个窗⼝的值都是独⽴的,它的数据会因窗⼝的 关闭⽽丢失,不同窗⼝间的ssionStorage是不可以 共享的
21.HTML5 web sql有哪三个核⼼⽅法,分别的作⽤是什么?
答案:
A.openDataba:这个⽅法使⽤现有数据库或新建数据库来创建数据库对象
22.openDataba有 ⼏个参数 ,分别的是什么意思?
答案:
var dataBa = openDataba("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程序删除,我们都需要删除
1518今日运程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?
floppy
答案:createImageData(),getImageData(),putImageData()