-
浮动布局易导致父容器高度塌陷和对齐困难，可通过text-align配合inline-block或伪元素清除浮动实现居中与对齐，但结构复杂且局限；现代方案推荐使用flex布局，通过display:flex和justify-content等属性轻松实现精准对齐与响应式分布，代码简洁且功能强大，建议优先采用flex替代float用于整体布局。
-
用Props控制换肤的核心是将结构化主题对象（如{primary:'#4a6fa5',background:'#f8f9fa'}）通过Props透传，子组件用style动态注入CSS变量（如--primary），并结合class切换（如theme-dark）实现语义化与兼容性降级，顶层统一管理主题状态，子组件无感消费。
-
repeat()严格按参数生成轨道数：首参为重复次数，次参为轨道定义；如repeat(3,1fr)生成3条1fr轨道，非“三等分”。
-
答案：该Babel插件通过AST遍历识别使用==和!=的二元表达式，在排除null或undefined比较的情况下将其替换为===和!==，从而避免类型强制转换导致的逻辑错误。具体实现中，插件定义了BinaryExpression访问器，结合节点类型判断保留合理的非严格相等检查，仅对潜在风险操作进行安全转换，提升代码可靠性。
-
ref提升测试可隔离性与稳定性：其值通过.value显式读写，不依赖组件上下文，可直接在测试中新建、调用、断言；避免reactive解构失响应问题；天然契合Vitest轻量同步测试模型。
-
怎么用::before和::after画步骤之间的连接线关键不是“画线”，而是让每一步的右侧（或左侧）自动延伸出一条细线，连到下一步。最稳的方式是：只给除最后一步外的所有步骤加::after，让它生成一根绝对定位的横向线，宽度由下一项位置决定。常见错误是试图用::before在第一步左边画线，或给所有步骤都加伪元素再手动控制显隐——这会让DOM变动时线的位置错乱。每步容器用position:relative，方便伪元素定位::after设置content:""、pos
-
答案：使用HTML5Canvas和鼠标事件实现拼图游戏，通过drawImage切割图片，结合mousedown、mousemove、mouseup模拟拖拽，打乱并重绘拼图块，设置吸附对齐与胜利判断逻辑完成交互。
-
动态路由下CSS无法按需加载表现为样式不更新或旧样式残留；需手动监听路由、构造路径、创建link注入，并清理旧样式，避免冲突与重复加载。
-
<time>标签必须带符合ISO8601规范的datetime属性才具语义有效性，仅文本内容无法被解析；支持日期型、日期时间型、周/年/月型三类格式，且需确保机器可读、逻辑一致、不嵌套。
-
本文介绍一种轻量、可靠的方法：通过动态注入.print类模拟@mediaprint行为，结合jsPDF的pdf.html()方法，一键生成与浏览器“另存为PDF”效果完全一致的PDF文件，无需手动重写样式或操作打印对话框。
-
Chrome并非不认HTML5，而是因环境配置（如旧版本、系统依赖缺失）、file://协议限制、GPU加速异常或扩展拦截导致功能失效；需检查版本≥132、启用HTTP服务、验证chrome://gpu、禁用冲突扩展。
-
nth-child(n)常选不到元素是因为它按父元素所有子元素的位置序号计算，不区分标签类型；例如li:nth-child(2)失效可能因前有h3或注释节点，此时应改用nth-of-type(n)或JS筛选。
-
position:absolute元素的top/left位移不触发transition，应改用transform（如translate、scale）和opacity配合实现居中淡入滑入动画，避免使用transition:all，确保元素已渲染且状态明确。
-
fr是剩余空间的份数，先扣除固定尺寸再按比例分配；与固定单位并存时后者优先占位；需配合minmax()、媒体查询等实现响应式和兼容性。
-
能，但前提是模板内容中立而非样式绑定或结构锁死；需支持数据注入与结构解耦，避免硬编码、强版本语义和元信息耦合，优先选用构建阶段模板或SSG组件机制。
