蓝戒博客

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

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

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

2018年11月1日 0条评论 6627点热度 0人点赞 cywcd 阅读全文
最新 热点 随机
最新 热点 随机
npm 安全更新:把握令牌变更与发布体系的迁移参考指南 TresJS:用 Vue 构建现代化交互式 3D 体验 i18n 高效实现方案:前端国际化神器安利一波 前端国际化 i18n 实践:从项目到组件库的全链路方案 GEO(生成引擎优化)完整指南:AI 搜索时代的企业内容新机会 NativeScript:用 JavaScript / TypeScript 构建真正的原生应用
前端开源工具 PinMe:极简部署体验分享大屏适配的核心痛点与一行 autofit 解决方案markdown-exit:现代化的 Markdown 解析工具Lerna + Monorepo:前端多仓库管理的最佳实践CrewAI:基于角色协作的 AI Agent 团队框架浅析2025 最推荐的 uni-app 技术栈:unibest + uView Pro 高效开发全攻略
Vitest 轻量化前端测试的新选择 javascript开源物理引擎verlet.js jQuery中对未来的元素绑定事件 AngularJs指令全解析 gRPC 通信协议详解与实战:高性能跨语言服务通信的基石 移动web开发头部meta标签5种实用方法
文章栏目
  • AI谈 / 12篇
  • 效能录 / 26篇
  • 架构论 / 10篇
  • 研发说 / 179篇
  • 随笔集 / 13篇

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

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

京ICP备12026697号-2