浅谈重绘和回流的解析

2023-12-05 0 623
目录
  • 重绘和回流:
  • 关于字体颜色的设置:
  • 关于替代:
  • 关于操作html:

重绘和回流:

repaint(重绘) ,repaint发生更改时,元素的外观被改变,且在没有改变布局的情况下发生,如改变outline,visibility,background color,不会影响到dom结构渲染。

reflow(渲染),与repaint区别就是他会影响到dom的结构渲染,同时他会触发repaint,他会改变他本身与所有父辈元素(祖先),这种开销是非常昂贵的,导致性能下降是必然的,页面元素越多效果越明显。

关于字体颜色的设置:

CSS没有 text-color 以及font-color,有background-color 给文字设置颜色只能color

关于替代:

HTML5 是作为Flash的替代技术出现,只有HTML5能干掉flash和silverlight,而不是canvas

关于操作html:

createdocumentfragment()方法创建了一虚拟的节点对象,节点对象包含所有属性和方法。

当你想提取文档的一部分,改变,增加,或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。

你也可以使用文档的文档对象来执行这些变化,但要防止文件结构被破坏,createDocumentFragment() 方法可以更安全改变文档的结构及节点。

估计是因为createDocumentFragment() 方法可以更安全改变文档的结构及节点

到此这篇关于浅谈重绘和回流的解析的文章就介绍到这了,更多相关重绘和回流内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网!

您可能感兴趣的文章:

  • JavaScript页面回流与重绘
  • Web面试常问回流reflow与重绘repaint原理及区别
  • 高性能WEB开发 页面呈现、重绘、回流。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 CSS/HTML 浅谈重绘和回流的解析 https://www.u-9.cn/biancheng/csshtml/97502.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务