蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
Reflow
页面重绘(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 高效开发全攻略
一文吃透 npm、npx、pnpm、yarn 及其衍生命令:dlx、create、exec 的区别与最佳实践 🔥 Nitro v3:全栈开发的新选择,与 Vite 的完美融合 package.json配置字段全解析 Ajax缓存问题解决方案 理财攻略:A轮、B轮、C轮融资、VC、PE、IPO概念解析 网页顶部页面加载线性进度条js及css3实现方法
文章栏目
  • 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