-
在jQuery的submit事件处理器中调用$(form).submit()会再次触发绑定的事件监听器，导致无限递归；正确做法是缓存表单DOM元素并调用其原生submit()方法，绕过jQuery事件系统。
-
答案：:nth-child(an+b)可按周期a和偏移b为元素设置循环样式，如3n+1选第1、4、7…项，常用于隔行变色；需注意同级子元素计数受其他标签影响，可用:nth-of-type或结合类名提高准确性。
-
linkrel="preload"可提前下载CSS而不阻塞渲染，但需加as="style"并用onload切换rel="stylesheet"才能生效；非关键CSS应改用prefetch或动态加载。
-
用SassMixin实现按钮样式复用：将背景色、尺寸等可变参数设为mixin参数并带默认值，固化过渡、盒模型等不变逻辑；统一用&:hover等嵌套写法避免权重冲突；disabled状态需同时处理opacity、pointer-events和cursor；颜色通过CSS自定义属性解耦，高频变体用@extend减少冗余代码。
-
min-height确保元素最小高度，避免内容过少时塌陷，max-height限制最大高度防止溢出，二者结合可实现灵活且可控的自适应布局，提升页面健壮性与用户体验。
-
直接对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及混合模式限制。
