蓝戒博客

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

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

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

2018年11月1日 0条评论 7365点热度 0人点赞 cywcd 阅读全文
最新 热点 随机
最新 热点 随机
深扒 Google Gemini Spark 这位"24小时不下班"的AI管家 Google推出Code Wiki,把“屎山代码”秒变可聊天的百科全书! VideoLingo凭什么敢称“全自动的视频本地化流水线”? 首个超2万亿级开源模型Kimi K3震撼发布,大模型格局彻底变天了? 别再手写 AI Agent 了!谷歌开源 agents-cli,一键给你的 AI 助手加满神仙级技能点 ChatGPT 实时语音 vs Gemini Live:深度实测!谁才是地表最强“无痛嘴替”?
开发者集体起立!cc-switch更新:原生干掉外挂,协议、会话、技能全包圆了!一键生成百万播放短视频?被吹上天的RedditVideoMakerBot,到底是搞钱神器还是时间杀手?别再迷信传统 RAG 了!知识库新物种 SAG 强势登场,实时干掉大模型“幻觉”!别再死磕提示词了!Google Flow Agent 彻底颠覆 AI 视频,有手就能当导演剪映要收网了?狂割韭菜后,这款狂揽5.7万Star的开源神器砸了谁的饭碗!被Figma卡脖子?这款自托管的开源神仙工具:Penpot,才是设计与开发的终极解药!
InversifyJS:让 TypeScript 项目真正“解耦”的依赖注入利器 UniApp 从入门到实战:一套代码多端运行的最佳实践 HTTP协议详解(经典收藏) 一条命令操控网站:OpenCLI 会是自动化的下一步吗? 🚀 用 LangChain / AutoGPT 搭建一个可执行的 AI 周报助手 99%的人都误解了“口才好”:真正的表达力,只靠这 3 个框架
文章栏目
  • AI谈 / 183篇
  • 效能录 / 66篇
  • 架构论 / 13篇
  • 研发说 / 220篇
  • 随笔集 / 20篇

AI Agent AI工作流 AI智能体 AI编程 AI 编程 AI编程工具 angularjs Claude Code Codex CrewAI css css3 Cursor flutter html5 javascript jquery js js库 LangChain LangGraph mcp OpenAI Codex OpenClaw RAG UniApp Vite vue webpack WebSocket web技术 人工智能 前端安全 前端工具链 前端工程化 前端性能优化 开源大模型 性能优化 智能体 构建工具 浏览器 生活随笔 网页兼容 解决方案 超级个体

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

京ICP备12026697号-2