每日一练Day10--前端基础进阶面试题解答

每日一练Day10 --前端基础进阶面试题解答

一、iframe的优缺点

1.优点 ：

1.1 ：实现跨域通信 ：iframe可以实现跨域通信，即不同域名的网页之间的数据传递。

1.2 ：嵌入外部内容 ：iframe可以嵌入外部内容，如视频、音频、地图等，丰富网页内容。

1.3 ：实现页面跳转 ：iframe可以实现页面跳转，在同一页面内实现不同内容的展示。

2.缺点 ：

2.1 ：安全性 ：iframe存在安全隐患，如跨站脚本攻击（XSS）、跨站请求伪造（CSRF）。

2.2 ：性能 ：iframe会影响页面的加载速度，因为浏览器需要加载iframe中的内容，增加了页面的总大小。

2.3 ：兼容性 ：iframe在不同的浏览器中的兼容性不同，可能出现显示不一致的情况。

二、对line-height的理解及其赋值方式

1.理解 ：

line-height属性定义了文本行的行高，即文本行之间的垂直间距。

2.赋值方式 ：

2.1 ：绝对值 ：可以用像素（px）、厘米（cm）、英寸（in）等绝对单位指定行高。

2.2 ：相对值 ：可以用百分比（%）或em指定行高。相对值相对于元素的字体大小，如1.2em表示行高为字体大小的1.2倍。

2.3 ：**** ：可以使用关键字normal、initial和inherit来指定行高。

三、:before和::after中的双冒号和单冒号的区别

1.双冒号 ：

:before 和**:after** 是伪元素，用于在元素前或后插入内容。

2.单冒号 ：

:before 和**:after** 中的单冒号用于指定伪元素的内容。

3.区别 ：

3.1 ：双冒号创建伪元素 ，单冒号指定伪元素的内容。

3.2 ：双冒号用于插入内容，单冒号用于设置内容样式 。

3.3 ：双冒号用于创建伪元素 ，单冒号用于指定伪元素的内容。

3.4 ：双冒号用于插入内容，单冒号用于设置内容样式 。

四、display

1.理解 ：

display属性定义元素的显示方式，如块级元素、行内元素、内联块元素等。

2.取值 ：

2.1 ：block ：元素以块级元素显示，占据整个可用宽度，并另起一行。

2.2 ：inline ：元素以行内元素显示，与相邻元素在同一行，不会另起一行。

2.3 ：inline-block ：元素以内联块元素显示，既有块级元素的特性，也有行内元素的特性。

2.4 ：flex ：元素以弹性盒子的方式显示，可以更灵活地控制元素的排列方式。

2.5 ：grid ：元素以网格的方式显示，可以更轻松地创建复杂的布局。

2.6 ：table ：元素以表格的方式显示，可以更轻松地创建表格布局。