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

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

一、面试题内容

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

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

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

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

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

4.定位布局

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

4.盒子模型

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

5.重排和重绘

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

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

相关推荐
yuhouxiyang3 小时前
学习海康VisionMaster之路径提取
学习·计算机视觉
PLUS_WAVE4 小时前
CogCoM: A Visual Language Model with Chain-of-Manipulations Reasoning 学习笔记
学习·语言模型·大模型·cot·vlm·推理模型·reasoning
绵绵细雨中的乡音5 小时前
Linux进程学习【环境变量】&&进程优先级
linux·运维·学习
贺函不是涵5 小时前
【沉浸式求职学习day27】
学习
努力奋斗的小杨5 小时前
学习MySQL的第十二天
数据库·笔记·学习·mysql·navicat
枫叶20005 小时前
OceanBase数据库-学习笔记1-概论
数据库·笔记·学习·oceanbase
你可以叫我仔哥呀6 小时前
k8s学习记录(五):Pod亲和性详解
学习·容器·kubernetes
RaLi和夕6 小时前
单片机学习笔记9.数码管
汇编·笔记·单片机·嵌入式硬件·学习
见青..6 小时前
【学习笔记】文件包含漏洞--本地远程包含、伪协议、加密编码
前端·笔记·学习·web安全·文件包含
星雨流星天的笔记本7 小时前
1、Linux操作系统下,ubuntu22.04版本切换中英文界面
linux·学习