蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
重绘
页面重绘(Repaint)、重排(Reflow) 的性能调优解析
研发说

页面重绘(Repaint)、重排(Reflow) 的性能调优解析

理解什么是重绘和重排? 1、重绘(Repaint) 重绘(repaint或redraw):当盒子的位置、大小以及其他属性,例如颜色、字体大小等都确定下来之后,浏览器便把这些原色都按照各自的特性绘制一遍,将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。 重绘不会带来重新布局,所以并不一定伴随重排。 "重绘"不一定需要"重排",比如改变某个网页元素的颜色,就只会触发"重绘",不会触发"重排",因为布局没有改变。 但是,"重排"必然导致"重绘",比如…

2018年11月1日 0条评论 6655点热度 0人点赞 cywcd 阅读全文
最新 热点 随机
最新 热点 随机
AI 工作流神器 n8n:把自动化与智能真正交到技术团队手里 是时候给 lodash 放个假了:4 个更轻更快的现代替代方案 vue3-touch-events:专为 Vue 3 设计的强大手势事件库 字节跨平台框架 Lynx 开源:为 Web 开发者带来原生级跨端体验的全新选择 常见部署平台介绍:从静态站点到现代前端云的一站式指南 Rsbuild:由 Rspack 驱动的新一代高性能 Web 构建工具
markdown-exit:现代化的 Markdown 解析工具Lerna + Monorepo:前端多仓库管理的最佳实践CrewAI:基于角色协作的 AI Agent 团队框架浅析基于 docx-preview 的 Word 预览组件实现方案分享Monaco Editor真香,从对比到实战封装,一篇讲透WebSocket 调试神器:WebSocket DevTools 使用技巧全解析
JS常见的六类错误类型 MCP 服务器深度解析:连接大模型语言与外部世界的桥梁 wow.js实现页面滚动动画效果 js判断浏览器类型并区分IE不同版本 web前端安全攻防揭秘 Monaco Editor真香,从对比到实战封装,一篇讲透
文章栏目
  • AI谈 / 13篇
  • 效能录 / 30篇
  • 架构论 / 9篇
  • 研发说 / 184篇
  • 随笔集 / 13篇

AI Agent AI工作流 ajax angularjs css css3 flutter html5 HTTP2 http协议 javascript Jest jquery js js库 LangChain node Plop.js SSR this Three.js UniApp vercel Vite vue vue3 Web Components WebGL webpack WebSocket web技术 前端安全 前端工具链 前端工程化 前端框架 区块链 微前端 性能优化 智能体 构建工具 浏览器 生活随笔 网页兼容 解决方案 质量属性

COPYRIGHT © 2025 蓝戒博客_智构苍穹-专注于大前端领域技术生态. ALL RIGHTS RESERVED.

京ICP备12026697号-2