-
height:0无法与height:auto过渡，因CSS过渡不支持auto；改用max-height（如0→500px）配合opacity和visibility，并设overflow:hidden，可实现真正收放动画。
-
DaisyUI中图片无法居中是因为其不提供专用居中类，需配合Tailwind布局类使用：图片需设为block或inline-block才能生效mx-auto；父容器为flex时用justify-centeritems-center；avatar仅适用于圆形头像，非通用方案。
-
适合，但需满足日志已缓存、压缩不阻塞主线程、上报失败可重试；它仅在浏览器空闲时低优先级执行，不保证调用，且不创建新线程。
-
SVG精灵图应内联HTML并用构建工具自动生成symbol，统一viewBox和ID；禁用CSSbackground-image引用外部SVG；图标字体因渲染问题和兼容性差不推荐；CDN引入需锁定完整版本号；SVG响应式需正确设置width/height、viewBox及CSSmax-width:100%。
-
HTML源码中的换行与空格被浏览器当作空白字符参与排版，导致浮动元素间出现4px左右间隙；根本原因是inline/inline-block上下文中空白符生效，而非清除浮动失效。
-
box-shadow实现外发光需用rgba/hsla控制透明度并配合适当模糊值（如12px起），内发光须用伪元素模拟；叠加时注意层级与性能，兼容性上需规避IE及混合模式限制。
-
现代浏览器默认原生支持HTML5，无需安装或开启；确认特性需检测具体API（如typeoflocalStorage），而非笼统查“HTML5支持”；页面不工作多因新特性兼容性、file://协议限制、MIME错误、隐私模式或权限问题。
-
浏览器右键“另存为”仅保存HTML文档本身，不包含CSS、JS、图片等外部资源，导致样式错乱、功能失效；Chrome/Edge默认保存为“Webpage,Complete”但受限于同域和静态资源，Firefox默认仅保存HTML；curl/wget适用于获取原始HTML源码，Puppeteer可保存JS渲染后的完整DOM。
-
HTML页面内存占用主要由资源加载、JavaScript运行、DOM节点和渲染行为决定；全局变量和window对象易致泄漏，因未清理的引用会阻止垃圾回收；应使用WeakMap/WeakRef、显式清理定时器与监听器、避免闭包捕获大对象；innerHTML批量插入比document.createElement+DocumentFragment内存开销更大；ChromeDevTools需用堆快照和分配采样定位问题，而非仅看任务管理器内存数值。
-
font-face声明中src路径错误是最常见失败原因，必须相对于CSS文件位置而非HTML页面；需用开发者工具Network面板查404真实URL；推荐用相对路径如"../assets/fonts/myfont.woff2"；禁用file://协议本地测试；构建工具需识别字体为资源；font-family名自定义但须完全一致且引号包裹；多@font-face可共用名，靠font-weight/style区分；WOFF2应优先但需fallback；CORS问题会导致静默失败；font-display:sw
-
columns属性在媒体查询中常无效，因依赖容器宽度和流式布局，父容器width:auto或flex/grid影响断点计算，且columns不触发重排；应设width/max-width、用column-count代替columns简写、显式声明column-gap，并避免与Grid/Flex混用。
-
合理组织数据、减少GPU调用并利用硬件能力是WebGL高性能渲染的关键。1.着色器应简洁，避免片元着色器复杂计算与分支；2.静态数据一次性上传，动态数据局部更新，合并缓冲减少drawcall；3.按材质分组渲染，使用纹理图集，缓存状态减少切换；4.正确启用深度测试，关闭不必要的混合；5.利用FBO进行离屏渲染，复用中间结果；6.使用开发者工具监控性能，结合视锥剔除与LOD优化绘制量。
-
HTML的data-theme仅作状态标记，主题切换需同步更新data-theme属性和CSS变量，否则样式不响应；必须用JS触发重绘，localStoragealone无效。
-
HTML代码不运行的主要原因是script标签使用不当、外部路径错误、动态插入脚本未执行或本地文件协议限制。1.确保JavaScript代码包裹在正确拼写的<script>标签中；2.检查外部JS文件路径是否准确，避免404错误；3.动态插入时需创建script元素并添加到DOM，而非依赖innerHTML；4.避免直接通过file://打开文件，应使用本地服务器环境运行项目。配合F12开发者工具可快速定位问题。
-
includes比多个||更可靠，因其严格相等、支持NaN、逻辑集中；改写为constvalidColors=['red','blue','green'];if(validColors.includes(x)){...}；注意字符串和类数组需分别处理，大数组高频查询建议用Set。
