-
直接对width和height做transition可行，但需始终满足width===height且border-radius:50%同时参与过渡，避免transform缩放、媒体查询触发失效及overflow裁剪问题。
-
JavaScript中的this指向取决于函数调用方式而非定义方式：普通调用指向全局对象（非严格模式）或undefined（严格模式），对象方法调用指向该对象，new调用指向新实例，箭头函数继承外层this，事件处理中指向触发元素。
-
Vue数据变化通过响应式系统通知依赖，组件更新函数入异步队列，nextTick批量执行render生成新VNode，仅被读取的响应式数据变化才触发重渲染。
-
SCSS嵌套超过3层易导致维护困难、权重爆炸、调试复杂；应优先提取语义类、善用@at-root解耦作用域，仅在DOM强依赖或状态强绑定时保留2–3层合理嵌套。
-
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混用。
