2019年下半年 Web前端开发初级理论考试附答案

2019年下半年 Web前端开发初级理论考试附答案（考试时间9:00-11:00 共120分钟）

1. 本试卷共3道大题，满分100分。

2. 请在指定位置作答。

一、单选题（每小题2分，共30小题，共60分）

基本信息：[矩阵文本题] *

1. 块级元素说法正确的是（） [单选题] *

A、块级元素和其他元素在一行显示

B、块级元素对宽和高，边距生效(正确答案)

C、块级元素对宽和高生效，边距不生效

D、块级元素对宽，高，边距都不生效

2.以下说法正确的是（） [单选题] *

A.table的表单标签

B.td的代表行

C.tr代表列

D.table是表格标签(正确答案)

3.不是HTML5的新增的特性是（） [单选题] *

A.新增了很多语义化标签

B.新增了音频和视频

C.新增了本地存储

D.新增伪类(正确答案)

4.CSS3中可以用（）关键词，自定义字体代表小图标 [单选题] *

A.transition

B.transform

C.font-face(正确答案)

D.font-family

5.在开发过程中，图片下面有1像素的小间隙，如何去除（）：[单选题] *

A.给图片设置font-size:0

B.给图片设置display:block(正确答案)

C.给图片设置border:0

D.给图片设置border:none;

6.让一个动画名为fade的动画持续执行并且在第一次开始时延迟0.5s开始,每次动画执行1s，以下代码正确的是（） [单选题] *

A.animation:fade 1s 0.5s infinite(正确答案)

B.animation:fade 0.5s 1s infinite

C.animation:fade 1s 0.5s linear

D.以上都不正确

7.下列属于内联元素的是（）： [单选题] *

A、div

B、a(正确答案)

C、p

D、table

8.css3中用（）来定义过渡动画的时间 [单选题] *

A.transition-property

B.transition-timing-function

C.transition-duration(正确答案)

D.transition-delay

9.css3中的伪类div p:nth-of-type(3){color:red}的说法正确的是（）： [单选题] *

A.给div元素的第三个子元素设置文字颜色为红色

B.给div元素的后代元素的第三个p元素设置文字颜色为红色(正确答案)

C.给div的后代元素p设置文字颜色为红色

D.以上说法都不正确

10.css样式初始化的原因描述错误的是（）： [单选题] *

A.清除默认样式

B.由于浏览器的内核不同，对标签的默认样式解析不同，导致显示效果不同，所以需要初始化样式

C.和浏览器没有关系，只是规范而已(正确答案)

D.保证各个浏览器页面效果的一致性

11.设置文字的大小为14px，加粗，行高为28px，字体是微软雅黑，字体是倾斜的，以下书写正确的是（）： [单选题] *

A.font:14px "微软雅黑" 28px 600 italic

B.font:"微软雅黑" 14px/28px 600 italic

C.font:14px/28px 600 "微软雅黑" italic

D.font:600 italic 14px/28px "微软雅黑"(正确答案)

12.设置背景颜色为green,背景图片垂直居中显示，背景图片充满整个区域，但是背景图片不能变形,图片只出现一次，以下书写正确的是（）： [单选题] *

A.background:url("../img/img1.jpg") no-repeat center/cover green;(正确答案)

B.background:url("../img/img1.jpg") repeat center/cover green;

C.url("../img/img1.jpg") no-repeat center/100% green;

D.url("../img/img1.jpg") no-repeat center/100% 100% green;

13.设置一个div元素的外边距为上:20px,下:30px,左:40px,右:50px，下列书写正确的是（）： [单选题] *

A.padding:20px 30px 40px 50px;

B.padding:20px 50px 30px 40px;

C.margin:20px 30px 40px 50px

D.margin:20px 50px 30px 40px(正确答案)

14.在javascript中，执行结果正确的是（）： [单选题] *

A.typeof(null)的结果为null

B.typeof(typeof(5))的结果为"string"(正确答案)

C.typeof(5)的结果为Number

D.typeof(typeof(undefined))的结果为undefined

15.在javascript中，数据类型转换正确的是（）： [单选题] *

A.Number("123abc")的值为NaN(正确答案)

B.parseInt("123abc")的值为NaN

C.parseInt("10",8)的值为10

D.parseFloat("abc123.3")的值为123.3

16.在javascript中，下列转Boolean后值为false的是（）：[单选题] *

A、Boolean(" ")

B、Boolean(0)(正确答案)

C、Boolean([])

D、Boolean({})

17.在javascript中,执行下列代码后输出的结果是（）：

if(function(){}){

console.log(1);

}else{

console.log(2);

}

[单选题] *

A、2

B、1(正确答案)

C、什么也不输出

D、报错

18.在javascript中，执行下列代码输出的结果是（）：console.log(+"5"*2+"6"-"4"+true); [单选题] *

A、13

B、103(正确答案)

C、104

D、12true

19.在javascript中，执行下列代码输出的结果是（）：for(var i=0;i<4;i++){

console.log(i)

}

console.log(i)

[单选题] *

A、0 1 2 3 4(正确答案)

B、 0 1 2 3 4 5

C、 0 1 2 3

D、 4 4 4 4

20.在javascript中,获取今天是星期几的方法是（）： [单选题] *

A.new Date().getDate()

B.new Date().getTime()

C.new Date().getDay()(正确答案)

D.new Date().getFullYear()

21.在javascript中,关于数学对象说法正确的是（）： [单选题] *

A.Math.round(4.5)的结果是4

B.Math.floor(4.5)的结果是5

C.Math.ceil(4.5)的结果是5(正确答案)

D.Math.min(3,4,5)的结果是5

22. 在javascript中，执行后输出的结果是（）：

var name="zhaonan";

var obj1={

name:"miao",

age:20,

say:function(){

console.log(https://www.wendangku.net/doc/ef12152451.html,/doc/3446003cbc234 82fb4daa58da0116c175e0e1e54.html);

}

}

var obj2={

name:"xue",

age:30,

say:function(){

console.log(https://www.wendangku.net/doc/ef12152451.html,/doc/3446003cbc234 82fb4daa58da0116c175e0e1e54.html);

}

}

var f=obj2.say;

console.log(f());

var e=f.bind(obj1);

console.log(e());

var k=e.bind(obj2);

console.log(k());

[单选题] *

A、zhaonan zhaonan miao

B、zhaonan miao miao(正确答案)

C、 zhaonan miao xue

D、miao zhaonan xue

23.对于addEventListener绑定事件的说法错误的是（） [单选题] *

A.可以给一元素绑定多个事件

B.addEventListener中的this指绑定的元素

C.div.addEventListener("click",function(),false)中的false代表捕获事件(正确答案)

D.div.addEventListener("click",function(),false)中的false代表冒泡事件

24.对于事件流说法错误的是（）： [单选题] *

A.事件流分为三个阶段

B.事件流分捕获阶段、目标节点、冒泡阶段

C.捕获和冒泡同时存在先执行冒泡阶段(正确答案)

D.目标阶段存在捕获和冒泡，按顺序执行

25.对闭包的理解说法错误的是（）： [单选题] *

A.闭包不能避免全局污染(正确答案)

B.闭包可以将内部函数保存到外部的时候

C.可以从外部访问内部变量

D.闭包把外部变量保存到内存中不被释放，导致内存泄漏

26.Jquery中，找到所有子元素的方法是（）： [单选题] *

A、find()

B、siblings()

C、children()(正确答案)

D、parent()

27.关于jQuery中删除已有元素的方法说法正确的是（） [单选

题] *

A.remove()从被选元素中删除子元素

B.remove()删除被选元素（不会删除其子元素）

C.empty()从被选元素中删除子元素(正确答案)

D.empty()删除被选元素及其子元素

28. 在jquery中，下列哪一个是用来将$(“

”)追加到指定元素末尾的（） [单选题] *

A、insertAfter()

B、append()

C、appendTo()(正确答案)

D、after()

29.在jquery中，下列哪一个是用来查找表单中所有隐藏元素的（） [单选题] *

A、visible

B、hidden(正确答案)

C、visible()

D、hidden()

30.在jquery中，常用的stop()，关于stop()的说法错误的是（） [单选题] *

A.stop()停止当前动画，后续动画继续执行

B.stop(true)是停止当前动画，后续动画不执行

C.stop(true,true)是停当前执行的动画，直接跳到当前动画的

最终状态，后续动画不执行

D.stop(true,true)是停当前执行的动画，直接跳到当前动画的最终状态，后续动画继续执行(正确答案)

二、多选题（每小题2分，共15小题，共30分）

1. 关于doctype html说法正确的是（）： *

A、区分大小写，只有才是正确的

B、这句话的作用是告诉浏览器以什么标准去解析网页(正确答案)

C、这句话可以省略，省略后页面呈怪异模式(正确答案)

D、以上说法都正确

2.以下关于标签的嵌套书写错误的是（）： *

A、

(正确答案)

B、(正确答案)

C、

(正确答案)

D、以上都是正确的

3.以下属于HTML5新标签的是（）： *

A、title

B、ouput(正确答案)

C、nav(正确答案)

D、aside(正确答案)

4.关于选择器优先级正确的是（）： *

A.id选择器>类选择器>标签选择器

B.id选择器>!important>类选择器>标签选择器>通配符(正确答案)

C.!important>id选择器>类选择器>标签选择器(正确答案)

D.id选择器>类选择器>标签选择器>!important

5.在form标签中，属性method的值有哪些（） *

A、request(正确答案)

B、get

C、post(正确答案)

D、以上都正确

6.关于 @media书写正确的是（）： *

A.@media screen and (max-width: 300px)(正确答案)

B.@media only screen and (max-width: 500px)(正确答案)

C.@media screen (max-width: 500px)

D.@media (max-width: 500px)

7.下列对于float属性的特点说法错误的是（）： *

A.float能向左和向右移动，也可以上下移动(正确答案)

B.float会占据原有空间(正确答案)

C.清除浮动的作用不大，可以省略(正确答案)

D.给父级元素设置height可以清除浮动

8.引入样式的方法有哪几种（） *

A、内联样式(正确答案)

B、内部样式(正确答案)

C、外部样式(正确答案)

D、以上都正确(正确答案)

9.javascript中，下列表达式结果为true的是（）： *

A、[]==[]

B、![]==false(正确答案)

C、[]==false(正确答案)

D、[0]==false(正确答案)

10.javascript中,关于parseInt()说法正确的是（）： *

A.将其他类型的数据转成数值(正确答案)

B.可以将其他进制的数据转成十进制(正确答案)

C.parseInt()与Number()方法功能相同

D.以上说法都正确

11.javascript中,下列结果为NaN的是（）： *

A.Number("adfa")(正确答案)

B.parseInt("undefined")(正确答案)

C.parseInt("null")(正确答案)

D.parseInt("")(正确答案)

12.javascript中,循环语句有哪些（）？ *

A、if

B、while(正确答案)

C、do while(正确答案)

D、for(正确答案)

13.列属于jquery选择器的是（）： *

A.基本选择器(正确答案)

B.层级选择器(正确答案)

C.属性选择器(正确答案)

D.位置选择器(正确答案)

14.下面哪几种是Jquery中表单的对象属性（）： *

A、:checked(正确答案)

B、:enabled(正确答案)

C、:hidden

D、:selected(正确答案)

15.jQuery中遍历节点的方法，正确的是（） *

A.next() 取得匹配元素后面紧邻的同辈元素(正确答案)

B.prev() 取得匹配元素前面紧邻的同辈元素(正确答案)

C.siblings() 取得匹配元素前的所有同辈元素

D.parent() 取得元素的父级元素(正确答案)

三、判断题（每小题2分，共5小题，共10分。在每小题后对

应括号内填入判断结果，正确的选项填写“√”，错误的选项填写“×”）

1、在javascript中，document.getElementById返回一组元素（）。 [判断题] *

对

错(正确答案)

2、在javascript中,this都指向调用者（）。 [判断题] *

对

错(正确答案)

3、html是一种超文本标记语言。（）。 [判断题] *

对(正确答案)

错

4、CSS中设置字符间距的是word-spacing。（）。 [判断题] * 对

错(正确答案)

5、jquery中获取元素宽度包含padding的方法是innerWidth()（）。 [判断题] *对(正确答案)

错

web前端开发技术实验报告 实验三

长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院：计算机科学技术专业：软件工程 班级：软件15402

学号：041440210 姓名：王悦 任课教师：车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面； 2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素； 3.理解块元素与行内元素的区别，能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果，满足如下要求： 1.网页弹出框由上面的标题和下面的宣传内容两部分组成； 2.标题通过h2定义； 3.在段落文本中内容部分由h3和p标记进行定义； 4.应用