成都东软学院15级软件技术大二上HTML5期末考试答案

A卷:

一.选择题(有15个缺一个应该是其中有道包括两点)

1.以下哪个是容器元素?
答案:div元素
2.email输入框的用法?
答案:从表单发送电子邮件
3.range元素的用法?
答案:一个拖动条
4.规定输入属性必填？
答案:required 属性
5.去掉列表前端的小圆点？
答案:list-style-type:none
6.以下哪个是CSS后代选择器？
答案:判断后代选择器用空格隔开如h en这样的
7.引入样式表应放的位置?
答案:head标签内就像如下这样

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />//href是样式表路径
</head>

8.drawimage的用法?
答案:就画布用它来绘制图像的下面你可以做个了解
绘图环境提供了该方法的三个不同版本。
drawImage(image,x,y) ：在canvas中(x,y)处绘制图片。
drawImage(image,x,y,width,height) ：在canvas中(x,y)处绘制图片，并将其缩放到指定的宽度和高度。
drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,x,y,width,height) ：从图片中切割出一个矩形区域(sourceX,sourceY,sourceWidth,sourceHeight)，缩放到指定的宽度和高度，并在canvas中(x,y)绘制出来。
9.top left的定位?
答案:上左单独使用无效,需要使用绝对定位才能生效。设置元素定位是用属性position来设置,值absolute,fixed是绝对定位,relative是相对定位,static是默认的,即没有定位, inherit是继承了自己父类元素的定位方式
10.wedSocket技术?
答案:用于游戏股票
11.元素选择器?
答案:如如下这种的

div{//直接写元素标签
}

12.播放视屏用的元素?
答案:video
13.CSS的全英文?
答案:层叠样式表(英文全称：Cascading Style Sheets)
14.调试功能所用的键?
答案:F12

二.填空题

1.canvas标签的作用?
答案:<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。
2.超链接标签?
答案:<a href="http://www.baidu.com">超链接</a> 链接必须写绝对路径
3.表格标签?
答案:<table>
4.输入密码框的input的标签
答案:<input type="password">
5.内/外边界padding margin设为?
答案:0
6.setInterval格式?
答案:setInterval(code,millisec[,"lang"]) 前面代码函数后面是循环的时间单位是毫秒
7.播放音频所用的标签?
答案:audio
8.隐藏音频控制面板?
答案:在audio标签内不去写controls值
9.圆角边框?
答案:border-radius
10.Id选择器的工作符号?
答案:#

三.解答题

1.JQuery的定义 JQuery和javascript的区别 JQuery的优点 JQuery的写作形式

答:

jQuery 是一个 JavaScript
库;jquery就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能;jQuery极大地简化了javaScript编程;$(“#div”).text(“ok”);

2.CSS动画代码

 <!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 5s;
}@keyframes myfirst
{
0%   {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}
}
</style>
</head>
<body><div></div>
</body>
</html>

3.webSocket4个事件

答:

onopen、onmessage、onclose和onerror,当Browser和WebSocketServer连接成功后，会触发onopen消息；如果连接失败，发送、接收数据失败或者处理数据出现错误，browser会触发onerror消息；当Browser接收到WebSocketServer发送过来的数据时，就会触发onmessage消息，参数evt中包含server传输过来的数据；当Browser接收到WebSocketServer端发送的关闭连接请求时，就会触发onclose消息

4.网络开发包括哪些技术以及它们分别的作用?

答:

html,css,javascript;html是超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
css是层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言。
javaScript使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。javaScript
能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意.

四.论述题

1.和安卓比较html5的优缺点?

答:

优点:H5简直就是即时响应，随时变更随时上线。用户可以在毫无感知的情况下获取到最新的变化H5的兼容性只体现在屏幕的大小和部分极特殊机型上，即便出现兼容性问题也仅仅是展示上的略微差异。相比android的夸张测试范围，H5可以说并不存在兼容性的问题。
H5在营销运行方面的优势太多，以至于我只能把他们归结为这一条。通过各种社交产品的病毒式扩散，用户只需简单的打开链接即可达到我们的宣传推广目的。H5团队可以直接从pc前端团队演变过来，甚至后端开发兼职H5的例子并不是没有。总结起来就是：学得快、用人少、测试乐的呱呱叫。
缺点:页游和客户端游戏的区别。目前对于追求产品极致体验但苦于H5无法满足的情况。对于硬件机能的操作，Android有其不可替代性，比如相机和touch等功能。对于app应用来说，一旦拉新成功，只要产品对他有价值，一般不会轻易弃用。但H5，链接一关，刚才干什么就已经忘记了(用户黏度高)。

B卷:

一.选择题

1.以下哪个是超链接标签？
答案:<a href="">超链接</a>

2.JQuery中绑定多个事件使用哪个方法？
答案:bind/Unbind

3.isNaN的函数作用?
答案:判断数组的元素是否是NaN。 NaN即Not a Number的缩写判断数组的元素是否是NaN。

4.canvas绘图时绘图上下文是什么?
答案:context

5.隐藏元素?
答案:diaplay:none

6.以下哪个是javascript标签?
答案:自己去理解javascript标签

7.下列哪个使用了id选择器?
答案:ID 选择器前面有一个 # 号,也称为棋盘号或井号

8.CSS3过渡动画使用的哪一个属性?
答案:过渡使用transition属性转换使用transform属性

9.游戏主循环有哪些步骤?
答案:1.读取用户外部操作 2.更新游戏场 3.重绘游戏场景

10.画布当中原点在画布那个位置?
答案:左上角为原点（0,0）

11.音频文件播放时控制播放面板隐藏或显示是哪个属性?
答案:controls

12.超链接标签?
答案:<a href="http://www.baidu.com">超链接</a> 链接必须写绝对路径

13.播放音频文件的正确元素?
答案:auido

14.当元素表冲突时使用哪种方法?
答案:id选择器

15.css3当中前缀(过渡机制)?
答案:css3标准写法还不支持所有浏览器，
许多浏览器要加上自己特殊的前缀
-o-: Opera浏览器
-webkit-: Safai和Chrome 浏览器
-moz-: FireFox浏览器
-ms-: IE9+浏览器

二.填空题

1.JQuery页面载入事件?

$(document).ready(function() {console.log("$ fn2");});

2.变量定义?
答案:var

3.输入标签?
答案:<input type="button" value="确定">

4.视频元素标签?
答案:video

5.画布当中把图片画在画布上使用的哪一个元素?
答案:drawImage

6.css3 2D装换?
答案:transform

7.css3 选择器?
答案:nth-child(n) p:nth,child(2) 选择属于起父元素的第二个

8.设置元素颜色属性?
答案:color

9.边框圆角?
答案:border-radius

10.类加载器?
答案:class

三.简答题

1.css3当中分栏？

CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。
这种新语法能够让WEB开发人员轻松的让文本呈现多列显示。 column-count column-gap column-rule

2.css3动画技术？

通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。Internet
Explorer 9，以及更早的版本，不支持 @keyframe 规则或 animation 属性

3.描述webSocket技术？

是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)，能更好的节省服务器资源和带宽并达到实时通讯。浏览器的实时通讯等

四.论述题

1.html5与IOS和安卓比较各自优缺点适合html5,IOS项目开发的有?

答:

优点:H5简直就是即时响应，随时变更随时上线。用户可以在毫无感知的情况下获取到最新的变化H5的兼容性只体现在屏幕的大小和部分极特殊机型上，即便出现兼容性问题也仅仅是展示上的略微差异。相比android的夸张测试范围，H5可以说并不存在兼容性的问题。
H5在营销运行方面的优势太多，以至于我只能把他们归结为这一条。通过各种社交产品的病毒式扩散，用户只需简单的打开链接即可达到我们的宣传推广目的。H5团队可以直接从pc前端团队演变过来，甚至后端开发兼职H5的例子并不是没有。总结起来就是：学得快、用人少、测试乐的呱呱叫。
缺点:页游和客户端游戏的区别。目前对于追求产品极致体验但苦于H5无法满足的情况。对于硬件机能的操作，Android,IOS有其不可替代性，比如相机和touch等功能。对于app应用来说，一旦拉新成功，只要产品对他有价值，一般不会轻易弃用。但H5，链接一关，刚才干什么就已经忘记了(用户黏度高)。