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

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

一、面试题内容

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

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

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

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

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

4.定位布局

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

4.盒子模型

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

5.重排和重绘

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

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

相关推荐
WDeLiang1 分钟前
Flask学习笔记 - 表单
笔记·学习·flask
小付同学呀2 分钟前
前端快速入门学习3——CSS介绍与选择器
前端·css·学习
charlie11451419133 分钟前
IMX6ULL学习整理篇——Linux使用更现代的GPIO操作简单设备
linux·嵌入式硬件·学习·教程·mpu·gpio子系统·pinctl
乌旭1 小时前
量子纠错码实战:从Shor码到表面码
人工智能·深度学习·学习·机器学习·transformer·量子计算
昔柯的修炼日记1 小时前
Python3 学习笔记
笔记·学习
hjs_deeplearning2 小时前
论文写作篇#8:双栏的格式里怎么插入横跨两栏的图片和表格
人工智能·深度学习·学习·yolo·机器学习·论文写作·论文排版
cwtlw2 小时前
PhotoShop学习04
学习·ui·photoshop
黑不拉几的小白兔2 小时前
risc-V学习日记(3):编译与链接
学习·risc-v
虾球xz3 小时前
游戏引擎学习第201天
前端·学习·游戏引擎
小王努力学编程3 小时前
【Rust学习】Rust数据类型,函数,条件语句,循环
学习