《Java特训营》-第七周-前端笔试题
姓名__________
目录
1、HTML语言是“结构”、“行为”和“装饰”的哪一种?(A)
3、标签“<input>”可以通过哪个属性来改变元素的类型(C)
5、.样式表定义#title{color:red}表示(B)。
6、.样式表定义 .outer{background-color:yellow}表示(B)。
11、在HTML页面中正确引用CSS文件的做法正确的是哪个?(D)
14、下列关于 JavaScript 的说法中正确的是(C)
15、关于JavaScript的说法,下列选项中,错误的是(B)
17、JavaScript 中如何把 7.25 四舍五入为最接近的整数?(D)
18、以下哪些对象是Javascript内置的可迭代对象?ABC
19、在JavaScript中,文本域不支持的事件包括(B)
20、在 HTML 中嵌入 JavaScript ,应该使用的标记是(a)
21、写“Hello World”的正确javascript语法是?(A )
23、光标移动文本框上方时文本框边框的颜色就改变,这是因为激发了下列的(C)事件。
25、在JavaScript中,下列不属于数组方法的是(D)
26、以下(C)表达式产生一个0~7之间(含0,7)的随机整数
27、用户在登陆某个账号时,通常是将账号名和密码分别输入到对应的文本框中,现要将账号名和密码连接起来作为用户的唯一标识符,怎样来实现这一功能( A )
28、下面有关JavaScript中系统方法的描述,错误的是? (B)
29、以下代码中,给class为test的div对象设置红色背景的正确js代码为( B )
30、下列不属于javascript中查找元素的方法的是(A)
31、在javascript中能实现每隔一秒调用函数foo()的是(A)
33、在jQuery中,函数(C)能够实现元素显示和隐藏的互换。(选一项)
37、如果模型层中定义了一个username变量,下面正确的选项是什么? (C)
1、分析下面的HTML代码片段,则选项中的说法正确的是(CD)。选两项
2、下面有三个标签,如何能让前两个的颜色变成红色?(多选)(BD)
4、以下哪些是JavaScript的基本数据类型 (ABC)
9、在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:(AB)
-
选择题(每题3分,总分60分)
1.1 单选题:
1、HTML语言是“结构”、“行为”和“装饰”的哪一种?(A)
A. 结构
B. 行为
C. 装饰
D. 全部都是
2、不能使用在标签“<form>”中的属性是(C)
A.action
B.name
C.type
D.id
3、标签“<input>”可以通过哪个属性来改变元素的类型(C)
A.action
B.name
C.type
D.id
4 、CSS是(C)的缩写。
A.Colorful Style Sheets
B.Computer Style Sheets
C.Cascading Style Sheets
D.Creative Style Sheets
5、.样式表定义#title{color:red}表示(B)。
A.网页中的标题是红色的
B.网页中某一个id为title的元素中的内容是红色的
C.网页中元素名为title的内容是红色的
D.以上任意一个都可以
6、.样式表定义 .outer{background-color:yellow}表示(B)。
A. 网页中某一个id为outer的元素的背景色是红色的
B. 网页中含有class=”outer'”元素的背景色是红色的
C. 网页中元素名为outer元素的背景色是红色的
D 以上任意一个都可以
7、关于float描述错误的是(B)
A: float:left;
B:float:center {margin:auto}
C:float:right
D:float:none;
8、下列哪一项是CSS正确的语法构成(C)
A.body:color=black
B.{body;color:black}
C.body {color:black}
D.{body:color=black}
9、下面的选项有关鼠标悬停的伪类选择器是什么?(B)
A. :active
B. :hover
C. :mouseover
D. :over
10、下面设置背景图片正确的选项是什么?(B)
A. background-photo:url(photo.png);
B. background-image:url(photo.png);
C. background-url:photo.png;
D. background-img: photo.png
11、在HTML页面中正确引用CSS文件的做法正确的是哪个?(D)
A. <style src="mystyle.css">
B. <link rel="stylesheet" type="text/css" file="mystyle.css">
C. <link rel="stylesheet" type="text/css" src="mystyle.css">
D. <link rel="stylesheet" type="text/css" href="mystyle.css">
12、哪个CSS改变某个元素的文本颜色?(C)
A. text-color
B. fgcolor
C. color
D. font-color
13、JavaScript是运行在(B)的脚本语言。
A.服务器端
B.客户端
C.,把结果返回到客户端,客户端运行在服务器运行后
D.在客户端运行后,把结果返回到服务器
14、下列关于 JavaScript 的说法中正确的是(C)
A:所有变量在使用之前必须做声明
B:JavaScript是基于对象的程序设计语言面向
C:JavaScript是解释性语言
D:JavaScript前身是Oak语言
15、关于JavaScript的说法,下列选项中,错误的是(B)
A:JavaScript是一种动态类型,弱类型,基于原型,直译式的脚本语言
B:JavaScript是一门多线程的语言
C:浏览器端的JavaScript包含ECMAScript,DOM对象以及BOM对象
D:JavaScript语言不仅可以在浏览器环境运行,也可以在node.js提供的服务
器端平台运行
JavaScript语言最大的特点就是单线程,在某个特定时刻,只有特定的代码能够被执行,B选项错误,ACD选项的说法均正确
16、以下哪一个不是JavaScript的数据类型:(C)
A:string
B:boolean
C:integer
D:Undefined
17、JavaScript 中如何把 7.25 四舍五入为最接近的整数?(D)
A:round(7.25)
B:rnd(7.25)
C:Math.rnd(7.25)
D:Math.round(7.25)
18、以下哪些对象是Javascript内置的可迭代对象?ABC
A:Array
B:Map
C:String
D:Object
19、在JavaScript中,文本域不支持的事件包括(B)
A.onblur
B.onlostfocused
C.onfocus
D.onchange
下列哪行代码正确的引入了myScript.js? (C)
A:<script href="myScript.js">
B:<script name="myScript.js">
C:<script src="myScript.js">
D:<script root="myScript.js">
20、在 HTML 中嵌入 JavaScript ,应该使用的标记是(a)
<script></script>
<head></head>
<body></body>
<JS></JS>
21、写“Hello World”的正确javascript语法是?(A )
A.document.write("Hello World")
B."Hello World"
C.response.write("Hello World")
D.("Hello World")
22、下列事件哪个不是由鼠标触发的事件(D)
A:click
B:contextmenu
C:mouseout
D:keydown
23、光标移动文本框上方时文本框边框的颜色就改变,这是因为激发了下列的(C)事件。
A.onFocus
B.onMouseUp
C.onMouseOver
D.onMousMOve
24、以下关于Array数组对象的说法不正确的是(D)
A.对数组里数据的排序可以用sot函数,如果排序效果非预期,可以给sot函数加一个排序函数的参数
B. reverse用于对数组数据的倒序排列
C. 向数组的最后位置加删除新元素,可以用pop方法
D. unshift()方法用于向数组删除第一个元素
25、在JavaScript中,下列不属于数组方法的是(D)
A:concat()
B:sort()
C:reverse()
D:length()
26、以下(C)表达式产生一个0~7之间(含0,7)的随机整数
A.Math.floor(Math.random()*6)
B.Math.floor(Math.random()*7)
C.Math.floor(Math.random()*8)
D.Math.ceil(Math.random()*8)
27、用户在登陆某个账号时,通常是将账号名和密码分别输入到对应的文本框中,现要将账号名和密码连接起来作为用户的唯一标识符,怎样来实现这一功能( A )
A:userName.concat(pwd);
B:userName.append(pwd);
C:userName.appendTo(pwd);
D:userName.pop(pwd);
28、下面有关JavaScript中系统方法的描述,错误的是? (B)
A:parseFloat方法:该方法将一个字符串转换成对应的小数
B:isNaN方法:该方法用于检测参数是否为数值型,(abc123)
如果是,返回false,否则,返回true。
C:escape方法: 该方法返回对一个字符串编码后的结果字符串
D:eval方法:该方法将某个参数字符串作为一个JavaScript执行
如果不是数字,才返回true
29、以下代码中,给class为test的div对象设置红色背景的正确js代码为( B )
A:document.getElementsByClassName("test").style.backgroundColor="red";
B:document.getElementsByClassName("test")[0].style.backgroundColor="red";
C:document.getElementsByClassName("test")[0].style.background-color="red";
D:document.getElementsByClassName("test").style.background-color="red";
document.getElementsByClassName()返回一个数组,由于该页面仅有一个class=test的元素,所以通过[0]选择到该元素。通过js选择css属性时,属性都为驼峰的形式,所以为style.backgroundColor
30、下列不属于javascript中查找元素的方法的是(A)
A:getElementByClassName()
B:getElementsByTagName()
C:getElementById()
D:getElementsByName()
31、在javascript中能实现每隔一秒调用函数foo()的是(A)
A:a.setinterval(foo()1000)
B:clearinteval(foo(),1000)
C:cleartimeout(foo(),1000)
D:settimeout(foo(),1000)
32、下面哪种不是jquery的选择器 (D)
A、基本选择器B、后代选择器C、类选择器D、进一步选择器
33、在jQuery中,函数(C)能够实现元素显示和隐藏的互换。(选一项)
A、hide()
B、show()
C、toggle()
D、fade()
34.下列关于 Vue 说法错误的是( D)。
A.Vue 与 Angular 都可以用来创建复杂的前端项目
B.Vue 的优势主要包括轻量级、双向数据绑定
C.Vue 在进行实例化之前,应确保已经引入了核心文件 vue.js
D.Vue 与 React 语法是完全相同的
35.下列关于 Vue 的优势的说法错误的是(C )。
A.双向数据绑定
B.轻量级框架
C.增加代码的耦合度
D.实现组件化
36.下列不属于 Vue 开发所需工具的是( D)。
A.Chrome 浏览器
B.VS Code 编辑器
C.vue-devtools
D.微信开发者工具
37、如果模型层中定义了一个username变量,下面正确的选项是什么? (C)
A. <p>${username}</p>
B. <p>${{username}}</p>
C. <p>{{username}}</p>
D. <p title="{{username}}"></p>
38、下面的选项正确的是什么(C)
A. <p v-for="one of student">{{one}}</p>
B. <p v-for="one in student" v-html="{{one}}"></p>
C. <p v-for="one in student">{{one}}</p>
D. <p v-for="one of student" :v-html="one"></p>
39、下面的选项中能处理点击事件的是什么?(B)
A. <a :click="test"></a>
B. <a @click="test"></a>
C. <a v-click="test"></a>
D. <a v-bind:click="test"></a>
40.Vue 中实现数据双向绑定的是(C )。
A.v-bind
B.v-for
C.v-model
D.v-if
1.2多选题
1、分析下面的HTML代码片段,则选项中的说法正确的是(CD)。选两项
<table border=”10”>
<tr><td> colspan=2 align="center">姓名</td></tr>
<tr>
<td> rowspan=2 align=”center”>成绩<td>
<td align=”center”>语文</td>
</tr>
<tr><td collapse=2 align="center”>数学</td></tr>
<table>
A.该表格共有2行3列
B.该表格的边框宽度为10毫米
C.该表格中的文字均居中显示
D.“姓名”单元跨2列
2、下面有三个<p>标签,如何能让前两个的颜色变成红色?(多选)(BD)
A. div:nth-child(1,2){color:red}
B. div:nth-child(1), div:nth-child(2){color:red}
C. div:nth-child(2n+1){color:red}
D. div:first-child,div:nth-child(2){color:red}
3、关于函数下列选项正确的是? (选择两项)AB
A 函数可以封装多条语句,可以在任何地方、
任何时候被调用执行
B 使用关键字function声明
D 函数的参数之间用空格分开
4、以下哪些是JavaScript的基本数据类型 (ABC)
A:String
B:Number
C:Undefined
D:Date
5、下列符合ES6规范的语法有(ABC)
A:let x=10
B:const pi=3.1415926
C:let s=Symbol()
D:var m=20
6、关于比较操作符的描述正确的是?(选择两项) BC
A: == 相等,只比较数据类型是否相等 |
B: === 全等,比较值的同时比较数据类型是否相等 |
C :!= 不相等,比较值是否不相等 |
D :!== 不全等,只比较值是否不相等 |
7、关于数组的描述,下列说法正确的是? (选择两项) AB
A 数组可以用来保存一组不同类型的数据 |
B 数组的length属性可以获得数组的长度 |
C 数组的索引是从1开始的正整数 |
D 使用()获取数组的索引[] |
8、 下面哪一种()不属于Jquery的选择器。
A.基本选择器
B.节点选择器
C.层级选择器
D.表单选择器
正确答案:B
答案解析:Jqueryl的选择器有基本选择器,层级选择器,属性选择器,过滤选择器(基本,可见性,内容,表单,表单状态),没有节点选择器
9、在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:(AB)
A.<TEXTAREA></TEXTAREA>
B.<INPUT type="text"/>
C.<INPUT type="hidden"/>
D.<DIV></DIV>
10、下面关于MVVM的描述错误的是什么?(C,D )
A. Model指的是模型层,专门用来处理事件和定义数据的
B. View指的是视图层,专门用来渲染页面的,比如把自定义标签和属性
渲染成标准的HTML代码
C. 数据只能从模型层传递给视图层,视图层的数据不能传递到模型层
D. AngularJS、JQuery、VUE都是MVVM思想的代表