vue常见面试题 面试题.docx

 年最新  前端面试题精选大全及答案

置顶 赫兹收藏 

文章标签： 面试

版权

 !、"## 相关

$网络中使用最多的图片格式有哪些

%&'()(*+)&,()最流行的是 - 格式，可以把文件压缩到最小 在  以 - 格式存储时，提供  级压缩级别

$请简述  盒子模型

视频标签属性：

需要播放的视频地址

10-设置播放视频的宽高，和 - 标签的宽高属性一样

7/8是否自动播放

/./是否显示控制条

/没有播放之前显示的展位图片

//是否循环播放

/0预加载视频（缓存）与 7/8 相冲突，设置了 7/8 属性，/0 属性会失效。

70静音模式

音频音频属性和视频属性差不多，不过宽高和 / 属性不能用

表单元素

表单属性

表单事件

多媒体标签

$新增的语义化标签有哪些

语义化标签优点：$提升可访问性 $/$结构清晰，利于维护

0 页面头部 . 页面主要内容 9// 页面底部

, 导航栏 0 侧边栏 : 加载页面一块独立内容

#:/. 相当于 0;-7 加载独立内容（上图下字） ;-:/.;-7 的标题

-/7 标题组合标签 < 高亮显示 0/-加载对话框标签（必须配合 /. 属性）

'0 加载插件的标签 0/ 加载视频 70/ 加载音频（支持格式 /--，，1）

$" 新增的特性

边框：

/00/1：给框添加阴影 （水平位移，垂直位移，模糊半径，阴影尺寸，阴影颜色，.（内外部阴影））

/0-：设置边框图像

/0-/7边框图片的路径

=<-/7.0/-. 规定 <-/7.0/:/. 属性相对于什么位置定位

=<-/7.0规定背景的绘制区域（00.-/>，/0/>，/../>）

渐变：

!.-0.（）线性渐变

?0-0.（）径向渐变

文本效果：

/0<：定义如何换行

/01：允许长的内容可以自动换行

>/@/1：指定当文本溢出包含它的元素，应该干啥

>0/1：文字阴影（水平位移，垂直位移，模糊半径，阴影颜色）

A 转换方法：

&:（.）为 A 转换 ./

过渡：

.:/./8过渡属性名

.:/.07:/.完成过渡效果需要花费的时间

.:/.:.-97.:/.指定切换效果的速度

.:/.08指定什么时候开始切换效果

动画：.:/.

B.:/..为C<89 动画名称

$清除浮动的方式有哪些？请说出各自的优点

高度塌陷：当所有的子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷。

清除浮动方式 ：给父元素单独定义高度

优点：快速简单，代码少 缺点：无法进行响应式布局

清除浮动方式 ：父级定义 /@/1：00.；//：（针对  的兼容）

优点：简单快速、代码少，兼容性较高 缺点：超出部分被隐藏，布局时要注意

清除浮动方式 ：在浮动元素后面加一个空标签，：/；-：；/@/1：00.

优点：简单快速、代码少，兼容性较高。

缺点：增加空标签，不利于页面优化

清除浮动方式 ：父级定义 /@/1：7/

优点：简单，代码少，兼容性好

缺点：内部宽高超过父级 0 时，会出现滚动条

清除浮动方式 ：万能清除法：

"：/；

08：/<；

-：；

F@/1：00.；

G8：00.

优点：写法固定，兼容性高 缺点：代码多

I$定位的属性值有何区别

&/:/. 有四个属性值：:/7;>0:

?: 相对定位 不脱离文档流，相对于自身定位

B/7绝对定位，脱离文档流 相对于父级定位

+>0固定定位，脱离文档流，相对于浏览器窗口定位

#:默认值，元素出现在正常的流中

水平居中：

$子父元素宽度固定，子元素设置 -.：7/，并且子元素不能设置浮动，否则居中失效

$子父元素宽度固定，父元素设置 >-.：.，子元素设置 08：../<，并且子元素不能设置浮动，否则居中失效

子元素相对于父元素绝对定位，子元素上下左右全为 ，然后设置子元素 -.：7/

子元素相对定位，子元素 /，D 值为 J，.9/：.（J，J）

父元素设置弹性盒子，

"/../>标准盒模型 10 不包括 00.- 和 /0

=/0/>怪异盒模型 10 包括 00.- 和 /0

$元素垂直居中

$设置子元素和父元素的行高一样

$子元素设置为行内块，再加 :-.：00

$已知父元素高度，子元素相对定位，通过 .9/：.L（J）

$不知道父元素高度，子绝父相，子元素 /：J，.9/：.L（J）

$创建一个隐藏节点，让隐藏节点的 - 为剩余高度的一半

$给父元素 08：，子元素 08：，:-.：00

$给父元素添加伪元素

" 伪类选择器：.<0/:

" 选择器：

空格 62相邻兄弟选择器 N通用选择器（查找后面所有）

结构伪类选择器：

查找第几个 .0（.）

查找同一类型第几个 ./98

查找唯一类型 /.8/98

属性选择器：根据标签属性查找 OP47Q

//查找根元素  标签

伪元素选择器 ：：:/. 设置选中文本内容的高亮显示（只能用于背景色和文本颜色）

否定伪类选择器 ./（）

语言伪类选择器 .-（取值）

优先级（权重）：

元素选择器 

伪元素选择器 

 选择器 

伪类选择器 

属性选择器 

*0 选择器 

内联样式的权重 

包含选择器权重为权重之和

继承样式权重为 

块级元素可继承：>.0. 和 >-.

列表元素可继承：8，88，8/:/.，8-

内联元素可继承：P.-，1/0.-，.-，//，9/.，9/.98，9/.

+/.8，9/..，9/.1-，>0/:/.，>.9/，0:/.

字母间距 段落间距 行高 字体颜色 字体种类 字体大小 字体样式 字体粗细 小型大写字母文本 文本修饰 转换不同元素中的文本 文

本方向

$网页中有大量图片加载很慢 你有什么办法进行优化？