前端考题

一、单项选择题（共30题，每题3分，共90分。）

1、下面为块级元素标签的是（）

A. div

B. span

C. strong

D. em

2、属于HTML5标准的DOCTYPE 声明的是（）

A. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" >

B.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

C.<!DOCTYPE html>

D.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">

3、下面关于CSS选择器优先级最高的是（）

A. #id

B. .className

C. div#id

D. div.className

4、下面能够让Div水平居中的css设置是（）

A. .sec { margin:0 auto; }

B. .sec { margin:auto auto; }

C. .sec { margin: auto 0;}

D. .sec { margin: 0 0; }

5、CSS中让元素隐藏，可是不清除元素的方法是（）

A. .element { display: none; }

B. .element { visibility: hidden; }

C. .element { display: block;}

D. .element { visibility: visible; }

6、Img标签中图片加载失败时显示提示文本的属性是（）

A. alt

B. tiltle

C. text

D. value

7、下面不属于CSS盒模型属性的是（）

A. padding

B. margin

C. border

D. color

8、关于下面对于前端页面内容分层的描述错误的是（）

A. HTML属于结构层

B. CSS属于表示层

C. JS属于行为层

D. JS属于结构层

9、npm 包管理器是基于（）平台使用的。

A. Node.js

B. Vue

C. Babel

D. Angular

10、不属于JS的原始数据类型的是（）

A. Number

B. String

C. undefined

D. int

11、如何在新窗口中打开链接？（）

A. <a href=”#” new>

B. <a href=”#” target=”_blank”>

C. <a href=”#” target=”_self”></a>

D. <a href=”#” target=”_blank”></a>

12、选出你认为最合理的定义标题的方法（）

A.<span class="heading">文章标题</span>

B.<p><b>文章标题</b></p>

C.<h1>文章标题</h1>

D.<strong>文章标题</strong>

13、a:hover表示超链接文字在（）时的状态。

A. 鼠标按下

B. 鼠标经过

C. 鼠标放上去

D. 访问过后

14、如果将想将两个层排列在同一行中，下列描述不能实现的是（）

A．直接插入两个DIV标记，会自动排在同一行

B．指定DIV的position属性为absolute，然后将层位置拖放到同一行中

C．指定DIV标记的宽，而且指定其浮动方式，当层宽度之和小于外层元素宽度时，会排在同一行

D．使用一个表格，将两个层分别放入一行中的两个单元格内

15、下列名称中，能作为变量名的是（）

A．pArray

B．this

C．function

D．*pNumber

16、JS语句：
var a1=10;
var a2=20;
alert(“a1+a2=”+a1+a2)
将显示（）结果是？

A. a1+a2=30

B. a1+a2=1020

C. a1+a2=a1+a2

D.显示错误

17、有代码如下：
var a=[],
b=[],
c=a==b;
console.log(c);
上面代码会在浏览器的控制台中输出什么呢？（）

A. true

B． c

C． false

D． a==b

18、哪一个标记用于使HTML文档中表格里的单元格在同行进行合并？（）

A. cellspacing

B. cellpadding

C. rowspan

D. colspan

19、能在页面上显示空格的是（）

20、给定以下程序：
var a = 10,
b = ’123’,
c;
c = a + b;
console.log( c );
请给出程序会在控制台中输出的结果：（）

A. 10123

B. 10

C. 133

D. 123

21、下列哪种CSS样式定义的方式拥有最高的优先级？（）

A. 嵌入

B. 行内

C. 链接

D. 导入

22、如何显示没有下划线的超链接？（）

A. a{text-decoration:none}

B. a {text-decoration:no underline}

C. a {underline:none}

D. a {decoration:no underline}

23、下列JavaScript的循环语句中（）是正确的

A. if(i<10;i++)

B. for(i=0;i<10)

C. for i=1 to 10

D. for(i=0;i<=10;i++)

24、以下方法中能够给数组添加一个元素的是（）

A. push()

B. shift()

C. pop()

D. insert()

25、 Vue 中实现数据双向绑定的是（）

A. v-bind

B. v-for

C. v-model

D. v-if

26、下面列出的钩子函数会在 Vue 实例销毁完成时执行的是（）

A. updated

B. destroyed

C. created

D. mounted

27、以下选项中不属于 vuex 中的属性？（）

A. state

B. getters

C. actions

D. init

28、以下获取动态路由 { path: '/user/:id' } 中 id 的值正确的是（）

A. this.$route.params.id

B. this.route.params.id

C. this.$router.params.id

D. this.router.params.id

29、下列关于 Vuex 实例对象接口的说法 , 错误的是（）

A. Vuex 实例对象提供了 store 实例对象可操作方法

B. Vuex 实例对象 state 数据可以由实例委托代理

C. 通过 Vuex 实例对象可实现组件状态的管理维护

D. Vuex 实例对象初始数据是 state 数据

30、下列选项中关于动画钩子函数说法 , 正确的是（）

A. leave-cancelled 函数只能用于 v-if 中

B. 对于 @ enter 来说 , 当与 CSs 结合使用时 , 回调函数 done 是必选的

C. done 作为参数 , 作用就是告知 vue 动画结束

D.钩子函数需要结合 CSS transitions 或 animations 使用 , 不能单独使用

二、简答题（共2题，每题5分，共10分）

1、编写JS程序实现n的阶乘（n大于1的整数）

2、简述您对HTML语义化的理解？

您的姓名：



学校：

专业：