css 前端面试题学习思维导图学习笔记

        嗨，我是小路。今天主要和大家分享的主题是“前端面试题学习笔记”。        

一、面试题内容

1.link 和 @import的区别

注意：在前端开发中，主要使用的是link,用@import的比较少，只有在vue中会用到后者，尤其是加载顺序这个区别，以及dom样式的控制。

2.rgba 和 opacity 的透明效果区别？

注意：rgba是属性值，不能继承；而 opacity 是属性，是可以继承的，并且其子节点也继承其属性。

3.display:none; 和 visibility：hidden的区别？

注意：两者的区别主要从渲染树、继承、重排和重绘以及读屏器四个维度进行梳理，用的最多的还是在渲染树和继承上，重排和重绘比较底层，了解就行。

4.定位布局

注意：在定位布局中，常用的就三个 relative（相对定位）、absolute（绝对定位）和fixed(固定定位)。其中absolute主要是相对上一级父级和relative搭配使用；而fixed主要是相对浏览器的可视区域。

4.盒子模型

注意：就两种盒子模型，主要是标准盒子和怪异盒子。两者的区别就是是否包含外边距。

5.重排和重绘

注意：重排一定会重绘，重绘不一定重排。重排的对象是渲染树，只要其中一部分发生变化，会就重排；重绘主要是针对元素，如元素的节点的属性变化，导致外观发生变化，进行重绘。

如果喜欢这篇文章，记得【点赞】+【关注】+【收藏】呀。