当前位置:网站首页>不会吧!不会吧!居然还有人不知道重绘以及回流
不会吧!不会吧!居然还有人不知道重绘以及回流
2022-08-09 02:21:00 【忘言丶】
不会吧!不会吧!居然还有人不知道重绘以及回流
前言
哈喽,卷王又来了,在工作中无意问到了一个新人,重绘
和回流
的概念,后来想了想,笔者也是在逛论坛的时候才无意间知道这个概念,想这些概念如果是有去看关于js或者前端
书籍的崽子们,应该都是有了解过,但是前端的知识体系个人觉得比较乱,可能有些人并没有去系统的了解,今天就来普及一下什么是重绘和回流
重绘
重绘
:html元素因属性发生改变或者样式变动
但是,但是,但是(别蛋了再蛋就给你阉了)在不影响布局的情况下(重点注意)
会触发重绘
。
有哪些属性会触发重绘呢,例如:
- outline
- visibility
- color
- background-color
等一切,比如修改样式
,但是不会改变布局
一般都会触发重绘,但是例如position
、left
等属性会影响元素的位置,那触发就不是重绘
了而是回流
回流
回流
:布局
或者属性
发生改变
的时候后,触发回流。
例如: js
动态新增一个dom
节点、设置宽高、设置位置等,一切会改变布局的行为都会触发回流
非常重要的知识点
回流一定会触发重绘,(布局都变了,你元素肯定要重新渲染),重绘不一定会触发回流
今天的文章有点水了,预祝屏幕前的你,早日脱单。
发回流
今天的文章有点水了,预祝屏幕前的你,早日脱单。
边栏推荐
- How to install yii2
- 使用JS实现数组扁平化的几种方式
- 历史最全DL相关书籍、课程、视频、论文、数据集、会议、框架和工具整理分享
- Mysql 5.7 into the pit
- The last exam before the NPDP revision!caution
- Which is the best increased whole life insurance?Is it really safe?
- php过滤特殊字符(仅保留中文、字母、数字、下划线)
- My thoughts on software development
- Significance Test--Study Notes
- [C language brush questions] Application of fast and slow pointers in linked lists
猜你喜欢
Summary of pytorch related knowledge points
JDBC technology (3) - use Druid database connection pool test
Duplicate class com.google.common.util.concurrent.ListenableFuture found in modules
最强分布式锁工具:Redisson
HCIP-R&S By Wakin自用笔记(3)OSPF之各类LSA及LSA更新规则
危化企业双预防机制数字化建设工作要求
力扣刷题记录5.1-----59. 螺旋矩阵 II
力扣刷题记录8.1-----206. 反转链表
SQLite切换日志模式优化
中国SSD产业突围有多难?除了技术“瓶颈”还有哪里挑战?
随机推荐
力扣刷题记录5.1-----59. 螺旋矩阵 II
OJ:L2-012 关于堆的判断
【izpack】使用izpack为你的程序提供安装程序封装
[ANT]apache ant 安装说明
2022/8/8 Competition thinking + state pressure dp
2020.10.13 Development log
9.1-----24. Swap the nodes in the linked list in pairs
最强分布式锁工具:Redisson
【云计算】XaaS最全介绍(按24字母合集):AaaS、BaaS、CaaS、DaaS、EaaS、FaaS、GaaS、HaaS、IDaaS…
Likou Brush Question Record--Common Functions
How js implements array deduplication (7 kinds)
JDBC technology (3) - use Druid database connection pool test
Appium常用操作及H5页面元素定位
ZCMU--5115: Buying Keys(C语言)
D. Tournament Countdown
危化企业双预防机制数字化建设工作要求
如何最大限度地减少企业受到供应链攻击的风险
Summary of Database Design
配置文件的读取-TOML
Likou Brush Question Record 8.1-----206. Reverse linked list