-
图像与表单对齐问题源于基线错位、尺寸未声明及默认样式差异，应通过vertical-align、flex布局、显式宽高、box-sizing重置等综合解决。
-
:active样式不生效的主因是被:focus/:hover覆盖、移动端禁用或触发时机过短；需调整CSS顺序、添加-webkit-tap-highlight-color、用JS切换class实现可靠点击反馈。
-
在iOS设备上运行HTML标签可通过三种方式实现：1.使用Safari浏览器直接打开HTML文件，适合查看静态内容，但不支持本地JavaScript运行和外部资源加载；2.借助第三方代码编辑器App如JSBox、CodeApp或TextasticCodeEditor，可编写、保存并实时预览HTML页面，支持完整开发需求；3.搭配Mac与Xcode创建iOS项目，利用WKWebView加载HTML，适用于开发者进行混合式页面测试和兼容性验证。日常使用推荐Safari，开发调试建议配合专业工具。
-
本文详解因float:left导致父容器div3高度塌陷却仍可见内容的典型问题，揭示根本原因，并提供兼容性好、语义清晰的Flexbox替代方案及关键HTML结构修正要点。
-
console.log()对Error对象的输出行为是环境特定的调试优化：浏览器和Node.js均会特殊处理Error实例，优先展示可读性更强的错误摘要（如ReferenceError:xxxisnotdefined），而非默认展开其所有属性与方法；这并非丢失数据，而是格式化策略差异所致。
-
JavaScript迭代器无内置关闭机制，需开发者通过return()方法或手动.close()释放资源；生成器自动触发finally，异步迭代器return()应返回Promise，关键资源须提供显式清理接口。
-
使用:not伪类可精准排除特定元素，如div>:not(p)为非段落子元素设边距，.btn:not(.disabled)避免禁用按钮交互，li:not(:first-child)添加分隔线，a:not(.nav-item,.footer-link)排除多类链接，提升样式灵活性与可维护性。
-
复选框未选中时无法直接对input添加::before伪元素，需用label包裹并隐藏原生控件，再通过input:not(:checked)+span::before控制自定义图标显示。
-
box-shadow无法实现真正内层边框因其阴影总绘制在元素背景和边框之上，无法穿透到内容层下方；多层外边框可用多个box-shadow值叠加，嵌套式内外多层须用伪元素或额外包裹层。
-
Proxy实现数据验证的核心在于利用set陷阱拦截属性赋值操作并执行验证逻辑。1.当尝试设置属性值时，set陷阱被触发，可在其中定义验证规则；2.若验证失败，抛出错误或返回false阻止赋值；3.若验证通过，使用Reflect.set将值写入原对象；4.相比传统方式，Proxy具有非侵入性、集中化管理和更广的拦截范围等优势；5.Proxy还可用于响应式系统、权限控制、日志记录等场景；6.错误处理推荐抛出Error实例，并结合try...catch捕获，同时转化为用户友好的界面反馈。
-
防止焦点在模态框外泄露的关键是正确建立并维护可控焦点边界，需四步闭环：打开时立即聚焦首个可聚焦元素；Tab键循环限制在模态框内；背景内容设inert或polyfill禁用交互；关闭后将焦点返回触发源或最近可聚焦祖先。
-
scroll-behavior:smooth无效最常见原因是滚动容器未设置overflow:auto/scroll或目标非可滚动元素；必须作用于实际滚动的容器（如局部滚动div），而非仅html/body；需确保目标元素存在匹配id，且注意Safari15.4+才支持。
-
JavaScript原始类型（number、string等）存于栈或寄存器，生命周期由执行上下文决定，不参与垃圾回收，不可变且按值传递，与堆上的包装对象有本质区别。
-
HTML5废弃了<font>、<center>等表现型标签及align等属性，须用CSS替代；语义标签如<section>需配标题，不可盲目替换div；DOCTYPE必须为<!DOCTYPEhtml>，编码声明用<metacharset="utf-8">且置于head最前；表单新属性需JS降级兼容。
-
background-size:cover未生效最常见原因是容器无明确宽高；需检查容器是否设置width/height，Flex/Grid子项需显式设height:100%，且cover裁剪区域受background-position控制。
