-
justify-content:space-between在flex-direction:column下失效，因需父容器有明确高度（如min-height）；卡片内底部对齐应使用margin-top:auto或grid-template-rows:auto1frauto；IE11中推荐降级为margin-top:auto。
-
Tailwind不支持empty:变体，因其未内置结构伪类解析；需用@layercomponents自定义或兄弟元素+:emptyCSS实现，注意DOM空白节点和框架渲染导致的失灵问题。
-
String.prototype.slice()是纯函数式方法，不修改原字符串而返回新字符串，支持正负索引定位，结合indexOf()/lastIndexOf()可安全裁剪路径，且原始路径始终不变。
-
多列布局自动换行的本质是维持流式；float无法真正实现自动换行，仅靠手动清除或宽度匹配模拟，而Grid和Flexbox才能由浏览器动态计算并响应式换行。
-
过渡动画卡顿主因是避开重排重绘，需设≥200ms的transition-duration、仅过渡transform/opacity、用translateZ(0)开启硬件加速、避免transition:all及覆盖失效，并选用合适cubic-bezier缓动曲线。
-
with语句是JavaScript中已被弃用的语法，它将对象临时加入作用域链以简化属性访问，但因作用域不透明、性能差、易致静默错误且不兼容严格模式而被禁用，推荐使用解构赋值等安全替代方式。
-
先检查路径和缓存问题，再排查服务器配置与HTML语法。1.确认link标签路径正确，避免相对或绝对路径错误及大小写问题；2.清除浏览器缓存，强制刷新或添加版本号；3.检查服务器MIME类型是否为text/css；4.验证HTML中link标签语法和位置正确，确保rel、href属性无误。
-
防抖和节流需按业务意图选择：停操作后响应用debounce，需过程反馈但限频用throttle；debounce要处理this、参数、immediate及清理定时器；throttle时间戳版因首次立即执行更适用于滚动拖拽；Vue/React中须在卸载时清理定时器，否则报错或内存泄漏；防抖节流非银弹，需同步loading、scrollTop等上下文逻辑。
-
应添加transition属性，如transition:transform0.5sease-out，并为常态设置transform:rotate(0deg)，否则因缺失过渡声明导致瞬时跳变或卡顿。
-
异步函数的副作用源于其非阻塞和时间不确定性，导致状态变化难以预测。1.利用Promise或async/await封装副作用，构建清晰执行链；2.强化错误处理机制，通过.catch()或try...catch确保异常可控；3.引入Redux、Vuex等状态管理工具，实现状态变更可追踪；4.使用AbortController等手段实现取消机制，避免竞态条件；5.设计幂等性操作，提升重试机制安全性。选择方案需根据项目复杂度、团队熟悉度权衡，从小型项目的简单封装逐步过渡到大型项目的高级工具。
-
HTML5转APP更新无需重装，前提是APP支持热更新且未改动原生容器层；纯前端资源更新可通过资源包替换或远程加载实现，关键在于控制资源加载源头。
-
rgb()不支持透明度，rgba()第四个参数为alpha值（0–1）；hsla()同理，hue用deg、saturation和lightness须带%；#RRGGBBAA是新十六进制透明写法；opacity作用于整个元素，而颜色alpha仅影响该颜色。
-
使用:required伪类可为必填表单控件添加视觉高亮，如红色边框和浅红背景；结合:has()在label旁加红色星号；用:invalid:not(:placeholder-shown)强化提交失败反馈；需兼顾可访问性与服务端校验。
-
答案：CSS的@keyframes规则用于创建自定义动画，通过定义0%、50%、100%等关键帧控制样式变化，如slideIn实现元素从左滑入并淡入；可用from/to替代0%/100%简化语法，如fadeIn实现透明度过渡；通过animation属性将动画绑定到元素，可设置持续时间、速度曲线、延迟、次数和方向，支持简写形式；可通过添加中间帧实现复杂效果，如bounce弹跳动画；建议仅动画transform和opacity以提升性能，避免触发布局重排，并结合will-change优化渲染，移动端需控制动画
-
ul横排应设li为flex或inline-block；推荐ul设display:flex、list-style:none、无边距，li设margin；inline-block间隙由空白符引起，可用font-size:0解决；小屏横滚需外层div加overflow-x:auto并处理滚动条。
