蓝戒博客

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

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

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

2018年11月1日 0条评论 7527点热度 0人点赞 cywcd 阅读全文
最新 热点 随机
最新 热点 随机
OWASP 正式发布 2026 大模型安全 Top 10 与首个“智能体控制标准”ACS Google 突发 Gemini 3.8 Flash 与安全专精模型,轻量级 AI 凭什么越级反杀? Token 账单暴跌 60%!别再给 Agent 喂垃圾日志了,手把手打造高信噪比工具过滤层 一条命令把闲置 PC 变全能 AI 服务器,开源神器 ODS 彻底火了 给 Cursor 和 Claude Code 装上这套技能库,编程 Agent 秒变“AI 科学家” Claude Desktop 正式支持 Ollama:本地零成本运行 Qwen、DeepSeek 与 Kimi 全攻略
PhotoGIMP这款免费开源设计修图神器凭什么降维打击?别再用ChatGPT死记硬背了!港大开源DeepTutor:给每个人配专属私教别再当傻白甜了!狂砸2.5万亿的2026 AI狂欢,普通人和企业到底怎么苟住?告别设计AI 泥浆:拿捏大模型“设计品味”的硬核指南DeepSeek开源Harness深度拆解:当大模型穿上“动力骨骼”,Claude Code迎来最强劲敌?用VideoLingo做全自动视频翻译,一键搞定Netflix分级字幕与自然配音
微前端实现方案分享:主流框架对比分析 css清除浮动方法及优缺点解析 移动端ios:active伪类无效的兼容解决方案 向左走,向右走,终祈相见 css中常用中文字体的Unicode编码 npm 私服包自动化发布脚本实现与最佳实践
文章栏目
  • AI谈 / 219篇
  • 效能录 / 70篇
  • 架构论 / 13篇
  • 研发说 / 220篇
  • 随笔集 / 26篇

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

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

京ICP备12026697号-2