80道前端面试经典选择题汇总 .pdfVIP

80道前端⾯试经典选择题汇总

前⾔

看了⼀下各种⾯试题，选择题是必有的

所以我整理了⼀些经典的前端⾯试选择题，希望能对⼤家⽇后找⼯作有所帮助！

HTML/CSS

1、在css选择器当中，优先级排序正确的是（）

A、id选择器标签选择器类选择器

B、标签选择器类选择器id选择器

C、类选择器标签选择器id选择器

D、id选择器类选择器标签选择器

解析：

选D

4个等级的定义如下：

第⼀等：代表内联样式，如:style=””，权值为1000

第⼆等：代表ID选择器，如：#content，权值为100

第三等：代表类，伪类和属性选择器，如.content，权值为10

第四等：代表类型选择器和伪元素选择器，如divp，权值为1

2、下列定义的css中，哪个权重是最低的？（）

A、#game.name

B、#game.namespan

C、#gamediv

D、#game

解析：

选C

权重越⼤，优先级越⾼

CSS选择器优先级是指基础选择器“”的优先级：

IDCLASSELEMENT*

3、关于HTML语义化，以下哪个说法是正确的？（）

A、语义化的HTML有利于机器的阅读，如PDA⼿持设备、搜索引擎爬⾍；但不利于⼈的阅读

B、Table属于过时的标签，遇到数据列表时，需尽量使⽤div来模拟表格

C、语义化是HTML5带来的新概念，此前版本的HTML⽆法做到语义化

D、header、article、address都属于语义化明确的标签

解析：

选D

1、什么是HTML语义化？

根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬

⾍和机器很好地解析。

2、为什么要语义化？

为了在没有CSS的情况下，页⾯也能呈现出很好地内容结构、代码结构

⽤户体验：例如title、alt⽤于解释名词或解释图⽚信息、label标签的活⽤；

有利于SEO：和搜索引擎建⽴良好沟通，有助于爬⾍抓取更多的有效信息：

爬⾍依赖于标签来确定上下⽂和各个关键字的权重；

⽅便其他设备解析（如屏幕阅读器、盲⼈阅读器、移动设备）以意义的⽅式来渲染⽹页；

便于团队开发和维护，语义化更具可读性，是下⼀步吧⽹页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差

异化

4、CSS样式，下⾯哪⼀个元素能够达到最⼤宽度，且前后各有⼀个换⾏？（）

A、BlockElement

B、SquareElement

C、SideElement

D、BoxElement

解析：

选A

块级元素blockelement

⾏内元素inlineelement

⾏内块元素inline-blockelement

5、下⾯使⽤Animate-timing-function定义的贝塞尔曲线，哪⼀个是先快后慢的（）

A、animation-timing-function:

cubic-bezier(.22,1.23,.97,.89)

B、animation-timing-function:

cubic-bezier(1.23,..22,97,.89)

C、animation-timing-function:

cubic-bezier(1.23,.97,.89,.22)

D、animation-timing-function：

cubic-bezier(.22,.97,.89,1.23)

解析：

选A

cubic-bezier即为贝兹曲线中的绘制⽅法

有四点，分别为P0-3，其中P0、P3是默认的点，对应了[0,0],[1,1]。

⽽剩下的P1、P2两点则是我们通过cubic-bezier()⾃定义的。

cubic-bezier(x1,y1,x2,y2)为⾃定义，x1,x2,y1,y2的值范围在[0,1]。

6、放在HTML⾥的哪⼀部分JavaScripts会在页⾯加载的时候被执⾏？（）

A、⽂件头部位置

B、⽂件尾

C、head标签部分

D、body标签部分

解析：

选D

head部分中的JavaScripts会在被调⽤的时候才执⾏。

body部分中的JavaScripts会在页⾯加载的时候被执⾏。

7、问⼀份标准的HTML⽂档有哪⼏个必须的HTML标签？（）

A、html

B、head

C、title

D、body

复制代码解析：

选A、