成都东软学院15级软件技术大二上HTML5期末考试答案
来源:互联网 发布:织梦wap门户模板 编辑:程序博客网 时间:2024/04/29 00:45
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,链接一关,刚才干什么就已经忘记了(用户黏度高)。
- 成都东软学院15级软件技术大二上HTML5期末考试答案
- 成都东软学院OJ代码
- 大二的期末考试
- Contest1261 - 成都东软学院2016年ACM冬季校赛热身赛 - 题解
- 成都东软学院2016年ACM冬季校赛正式赛 - 题解
- 【离散数学】滨江学院 期末考试 题库
- 数据结构期末考试试题及答案
- 操作系统期末考试试题及答案
- 《文化地理》期末考试满分答案
- 计算机网络技术期末考试2010模拟试题及答案
- 2010年计算机网络期末考试试题及答案
- 说好的期末考试编程题答案
- 思科CCNA第一学期期末考试答案
- 思科CCNA第二学期期末考试答案
- 通信原理期末考试试题及答案
- 《西方文化名著导读》期末考试满分答案
- bzoj 4868: [Shoi2017]期末考试 三分答案
- 2017形势与政策期末考试答案
- 第6章创建函数-----------(在函数中使用变量、向函数传递参数、在函数中处理变量、关键字local)
- 工作效率的提升小技巧
- Git 上传本地代码到github
- 大一上学期总结
- eclipse错误com/android/dx/command/dexer/Main : Unsupported major.minor version 52.0
- 成都东软学院15级软件技术大二上HTML5期末考试答案
- 按位异或的妙用
- 原理分析之一:从JDBC到Mybatis
- WebFlow网页制作平台
- JSP国际化配置
- [JZOJ2724]圆
- C#单例模式使用
- Leetcode Add Two Numbers II 445
- hdu-1087 Super Jumping! Jumping! Jumping!(DP解法)