蓝戒博客

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

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

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

2018年11月1日 0条评论 6913点热度 0人点赞 cywcd 阅读全文
最新 热点 随机
最新 热点 随机
一人指挥 AI 程序员军团:OpenAI:Codex App 来了,开发效率或将提升 10 倍 AI 开始雇佣人类?RentAHuman 爆火背后:一场关于「AI 代理经济」的真实实验 大模型巅峰对决:GPT-5.4 Pro 横空出世,Gemini 3.1、Grok 4.2、Claude Opus 4.6 谁才是最强 AI? AI 编程神器 Qoder 专业版免费体验攻略 + QoderWork 全面解析 OpenClaw 太费 Token 的终极解决方案(可省 90%+) Agent 生态分裂:OpenClaw 之外,OpenFang 给出另一条路
基于 Monaco Editor 的 Web Component 智能提示实践Skills Desktop 完全指南:从认识到实践,打造你的 AI 技能中枢不只是聊天机器人:Composio,让 AI 真正“动手干活”AI 智能体框架选型:主流方案对比与建议ChatDev:把 AI 组织成“团队”,帮你把事做完的多智能体平台Codex 国内如何使用与安装?一篇真正能跑通的完整教程
响应式web页面重构技术关键点 当 Agent 开始“抓虾”:OpenClaw、NanoClaw、ZeroClaw、GoClaw 谁才是未来? Vike 介绍与使用入门:一个站在 Vite 肩膀上的新一代前端框架 i18n 高效实现方案:前端国际化神器安利一波 Sublime Text3 快捷键精华版 向IE6说再见,六大理由!
文章栏目
  • AI谈 / 51篇
  • 效能录 / 41篇
  • 架构论 / 13篇
  • 研发说 / 217篇
  • 随笔集 / 15篇

AI Agent AI工作流 ajax angularjs CrewAI css css3 flutter html5 http协议 javascript Jest jquery js js库 LangChain mcp Monorepo node nvm OpenClaw Plop.js PWA RAG service worker SSR this UniApp Vite vue webpack WebSocket web技术 人工智能 前端安全 前端工具链 前端工程化 前端性能优化 性能优化 智能体 构建工具 浏览器 生活随笔 网页兼容 解决方案

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

京ICP备12026697号-2