-
浮动元素导致父容器高度塌陷是因为其脱离普通文档流，使父容器无法感知其高度；这是CSS规范行为而非bug，常见于文字环绕图片场景，而非布局用途。
-
JavaScript生成器是能暂停和恢复执行的特殊函数，通过function声明、yield产出值，调用返回迭代器对象，支持next()推进、for...of遍历及yield委托等高级特性。
-
CSSLint能发现冗余属性、盒模型问题、!important滥用等常见样式问题，帮助开发者提升代码质量、增强可维护性、优化性能并统一团队编码风格；通过配置.csslintrc文件可灵活定制检查规则，结合GitHooks、构建工具、IDE插件和CI/CD流程，将CSSLint融入开发工作流，实现代码质量的自动化管控。
-
使用CSS变量--progress-color配合background/stroke动态赋值可实现轻量易维护的进度颜色变化；需在元素上设置初始style值，transition须作用于实际属性而非变量本身，SVG需加stroke-linecap:round，linear-gradient中变量需两端同色并用background-size控制进度。
-
伪元素选择器用于创建虚拟元素以增强页面视觉效果，如::before和::after通过content插入内容，实现引号、气泡框等装饰；::first-letter和::first-line分别设置首字母下沉和首行样式，提升排版美感；::selection自定义选中文本的高亮样式。这些伪元素不生成实际DOM节点，但能优化结构、减少冗余标签，需注意仅部分属性可用且应关注浏览器兼容性。
-
错题本导出功能必须用单选按钮实现HTML/PDF/Excel三种互斥格式选择，name统一为export_format，value分别设为html、pdf、xlsx，且需默认选中并校验checked状态。
-
conic-gradient()画不出圆锥效果主因是浏览器兼容性不足，老版本（如Chrome89前、Safari15.4前）直接忽略该函数而回退为纯色；需用开发者工具验证是否解析成功，并注意from角度偏移、正方形容器约束及SVG/Canvas替代方案。
-
最可靠全屏覆盖用position:fixed+object-fit:cover或background-image+background-size:cover；前者需display:block消除间隙，后者更稳定且免DOM冗余。
-
不能，accept属性仅前端提示性过滤，用户可手动切换“所有文件”绕过，后端必须通过文件头魔数校验真实类型，前端JS检查仅作体验优化。
-
用<details>+<summary>语义化实现快捷键面板，内置展开/收起与键盘支持；内部用<dl><dt><kbd>列键组合，CSS控制样式；Escape关闭需轻量JS聚焦回summary。
-
使用vw和vh单位可实现字体大小自适应，结合clamp()函数能避免极端尺寸，保持可读性；vh适用于全屏模块标题，配合rem与媒体查询更易维护，提升响应式体验。
-
position:sticky失效主因是祖先元素overflow属性强制禁用，或未设置top/bottom/left/right、父容器为flex/grid且未触发滚动上下文，iOSSafari存兼容问题。
-
真正稳的轮播方案是requestAnimationFrame+时间戳控制，它与屏幕刷新同步且切后台自动暂停；CSS轮播需用transform+opacity、will-change优化，避免重排闪动；按钮交互要防冒泡、双事件监听；图片加载失败须用onerror处理并校验naturalWidth等字段。
-
debugger语句是JavaScript中最轻量直接的断点调试手段，通过在源码中插入指令，运行时自动暂停以查看变量、调用栈等；适用于动态代码、条件调试、多环境复现及sourcemap失效场景，但需注意生产环境移除及避免高频触发。
-
margin:auto水平居中需满足：元素为块级、在普通流中、显式设置宽度；垂直方向无效。常见失效原因包括未设width、父容器无高度、元素被绝对定位或浮动。
