当前位置:网站首页>不会吧!不会吧!居然还有人不知道重绘以及回流
不会吧!不会吧!居然还有人不知道重绘以及回流
2022-08-09 02:21:00 【忘言丶】
不会吧!不会吧!居然还有人不知道重绘以及回流
前言
哈喽,卷王又来了,在工作中无意问到了一个新人,重绘
和回流
的概念,后来想了想,笔者也是在逛论坛的时候才无意间知道这个概念,想这些概念如果是有去看关于js或者前端
书籍的崽子们,应该都是有了解过,但是前端的知识体系个人觉得比较乱,可能有些人并没有去系统的了解,今天就来普及一下什么是重绘和回流
重绘
重绘
:html元素因属性发生改变或者样式变动
但是,但是,但是(别蛋了再蛋就给你阉了)在不影响布局的情况下(重点注意)
会触发重绘
。
有哪些属性会触发重绘呢,例如:
- outline
- visibility
- color
- background-color
等一切,比如修改样式
,但是不会改变布局
一般都会触发重绘,但是例如position
、left
等属性会影响元素的位置,那触发就不是重绘
了而是回流
回流
回流
:布局
或者属性
发生改变
的时候后,触发回流。
例如: js
动态新增一个dom
节点、设置宽高、设置位置等,一切会改变布局的行为都会触发回流
非常重要的知识点
回流一定会触发重绘,(布局都变了,你元素肯定要重新渲染),重绘不一定会触发回流
今天的文章有点水了,预祝屏幕前的你,早日脱单。
发回流
今天的文章有点水了,预祝屏幕前的你,早日脱单。
边栏推荐
- Open3D 随机采样
- 10.1-----19. Delete the Nth node from the bottom of the linked list
- How SEMRush finds keywords for advertising
- 数仓第二篇: 数据模型(维度建模)
- Go-11 - Process Control
- UsernameAuthenticationFilter授权成功后调用AuthenticationSuccessHandler时的解析
- JDBC技术(一)——一个简单的JDBC测试
- 如何最大限度地减少企业受到供应链攻击的风险
- How to install ngrok in Synology system (Synology 6.X version)
- 电磁辐射安全标准及检测方法
猜你喜欢
随机推荐
Likou Brush Question Record 8.1-----206. Reverse linked list
Open3D 均匀采样
Duplicate class com.google.common.util.concurrent.ListenableFuture found in modules
JDBC technology (3) - use Druid database connection pool test
历史最全DL相关书籍、课程、视频、论文、数据集、会议、框架和工具整理分享
<爆>2022中文版-《海外博士申请指南-材料准备、时间线、套磁、面试及录取》免费分享
Go-12-Structure
MT4/MQL4入门到精通EA课程第二课-常用的功能函数
D. Tournament Countdown
软件开发之我的一点想法
Open3D 计算点云的均值(质心)与协方差
The last exam before the NPDP revision!caution
力扣刷题记录2.1-----27. 移除元素
The security of the pension insurance?Reliable?
增额终身寿险哪家最好呢?真的安全吗?
如何保护智能家居避免黑客攻击
gpio子系统和pinctrl子系统(上)
Appium常用操作及H5页面元素定位
力扣刷题记录8.1-----206. 反转链表
Simple example of .reduce()