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.重排和重绘

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/342935.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

供应链管理怎么做?一文搞懂供应链数字化转型方案

供应链管理不仅关系到产品从原材料到成品,再到最终用户的整个流程,更是企业运营效率、成本控制和市场响应速度的重要体现。然而,在现代商业环境下,传统的供应链管理方式往往存在库存管理困难、协作效率低、结构不灵活等问题&#…

【机器学习】AI大模型的探索—分析ChatGPT及其工作原理

📝个人主页:哈__ 期待您的关注 目录 📚介绍ChatGPT 1.1 什么是ChatGPT 1.2 ChatGPT的应用场景 💡基础概念 1. 人工智能和机器学习 1.1 人工智能(AI)简介 1.2 机器学习(ML)简…

【语音告警】Zabbix语音播报-报警媒介部分配置-语音报警灯|声光报警器|网络信号灯

阅读说明 本文为博灵语音通知终端与Zabbix报警媒介的配置,对接完成后可以实现Zabbix的声光语音告警,播报效果可以参考 Modbus-博灵语音通知终端与PLC联动告警介绍 对接前需配置好通知终端的IP地址,设备参数参见 其他完整的Zabbix语音播报报…

AMPL下载安装于基本使用

1 注册安装 先去AMPL官网用邮箱注册 注册后按照提示下载社区版,社区版中,各种求解器都有30天的免费试用权限。下载安装包的时候,如果觉得太慢,可以将下载链接复制到迅雷,迅雷下载起来快很多。 2 新建文件并运行 安…

史上最全,呕心沥血总结oracle推进SCN方法(五)

作者介绍:老苏,10余年DBA工作运维经验,擅长Oracle、MySQL、PG数据库运维(如安装迁移,性能优化、故障应急处理等) 公众号:老苏畅谈运维 欢迎关注本人公众号,更多精彩与您分享。前面介…

【大事件】docker可能无法使用了

今天本想继续学习docker的命令,突然发现官方网站的文档页面打不开了。 难道是被墙了? 我用同事的翻了一下,能进,果然! 正好手头的工作告一段落,将代码上传,然后通过jenkins将服务器自动部署到…

基于pytorch的车牌识别

🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊 一、导入数据 from torchvision.transforms import transforms from torch.utils.data import DataLoader from torchvision import datase…

RocketMQ可视化界面安装

RocketMQ可视化界面安装 **起因:**访问rocketmq-externals项目的git地址,下载了源码,在目录中并没有找到rocketmq-console文件夹。 git下面文档提示rocketMQ的仪表板转移到了新的项目中,点击仪表板到新项目地址; 下载…

计算机视觉与模式识别实验2-2 SIFT特征提取与匹配

文章目录 🧡🧡实验流程🧡🧡SIFT算法原理总结:实现SIFT特征检测和匹配通过RANSAC 实现图片拼接更换其他图片再次测试效果(依次进行SIFT特征提取、RANSAC 拼接) 🧡🧡全部代…

ROG CETRA II 降临2代RGB版 使用体验!

现在Type-C接口的设备越来越多,不仅是台式机开始普及,像NUC、笔记本、Switch、安卓手机等也都是Type-C接口了,所以游戏耳机方面也开始迭代。Type-C还有一个好处就是供电足以撑起降噪处理和RGB灯效,你懂的。今天跟大家分享的就是RO…

CentOS 7~9 救援模式恢复root密码实战指南

在管理Linux服务器时,忘记root密码是一件棘手的事情,但幸运的是,CentOS提供了救援模式来帮助我们重置root密码。本文将详细介绍如何通过GRUB引导菜单进入紧急模式(或称为救援模式),进而恢复root用户的密码。…

【ArcGISProSDK】 读取多面体信息并导出XML

结果展示 代码 using ArcGIS.Core.CIM; using ArcGIS.Core.Data; using ArcGIS.Core.Data.DDL; using ArcGIS.Core.Geometry; using ArcGIS.Core.Internal.CIM; using ArcGIS.Desktop.Catalog; using ArcGIS.Desktop.Core; using ArcGIS.Desktop.Editing; using ArcGIS.Deskto…

StableDiffusion简单使用教程

以下是一个简单的Stable Diffusion使用教程 一:准备工作 1. 安装所需软件:下载并安装 Stable Diffusion 相关程序。 2. 配置硬件:建议具备一定性能的显卡,以确保流畅运行。 二、启动软件 1. 打开 Stable Diffusion 应用程序。…

tomcat服务器之maxHttpHeaderSize

背景:在OA流程表单中,填写了200条数据,一提交,秒报400错误,且请求没有打到后端中(无报错日志),一开始以为是谷歌浏览器的问题,可百度上关于这个错误的解决方案都是清除缓…

用ConcurrentHashMap+锁 优化synchronized方法

1、问题发现 虽说,synchronized 关键字万能的,在并发上去之后,这个插入就显得很慢了。仔细观察发现,其实锁的粒度还是再细点,可以根据AlarmRules对象的ID来锁。 2、解决过程 很明显synchronized(rules) 这个写法是有问…

问题:棕色试剂瓶用于盛装见光易分解的试剂或溶剂。 #其他#学习方法#微信

问题:棕色试剂瓶用于盛装见光易分解的试剂或溶剂。 A、正确 B、错误 参考答案如图所示

Flutter基础 -- Flutter常用组件

目录 1. 文本组件 Text 1.1 基础用法 1.2 Text 定义 1.3 Text 示例 1.4 Text.rich、RichText 、TextSpan 1.5 RichText 示例 2. 导入资源 2.1 加入资源 2.2 加入图片 3. 图片组件 image 3.1 colorBlendMode 混合参数 3.2 fit 图片大小适配 3.3 ImageProvider 图片…

(CVPRW,2024)可学习的提示:遥感领域小样本语义分割

文章目录 相关资料摘要引言方法训练基础类别新类别推理 相关资料 论文:Learnable Prompt for Few-Shot Semantic Segmentation in Remote Sensing Domain 代码:https://github.com/SteveImmanuel/OEM-Few-Shot-Learnable-Prompt 摘要 小样本分割是一项…

开源低代码平台技术为数字化转型赋能!

实现数字化转型升级是很多企业未来的发展趋势,也是企业获得更多发展商机的途径。如何进行数字化转型?如何实现流程化办公?这些都是摆在客户面前的实际问题,借助于开源低代码平台技术的优势特点,可以轻松助力企业降低开…

落地护眼台灯有什么作用?性能卓越的五款大路灯分享

近期,我频繁收到来自粉丝朋友的热切问题,询问落地护眼台灯有什么作用?落地护眼台灯哪个牌子好的问题。随着人们的护眼意识更强,了解到了光线对台灯的影响,纷纷都用起落地护眼台灯来,护眼落地灯能够通过技术…