-
z-index对float元素无效是因为只有定位元素（position非static）才能创建层叠上下文，浮动元素需配合position:relative等才能使z-index生效。
-
clear属性用于控制元素两侧是否允许浮动元素，解决浮动导致的布局问题。当子元素浮动时，父容器可能高度塌陷，传统方法是在末尾添加<divstyle="clear:both;"></div>使父元素包裹住浮动子元素。现代方案更推荐通过触发BFC（如overflow:hidden）或使用伪元素清除浮动，例如.clearfix::after{content:"";display:table;clear:both;}。尽管clear属性较老，但在处理
-
JSBridge回调丢失是系统性风险，需分层设计防丢、可溯、可控机制：识别页面跳转、低端Android/WKWebView、高频点击三类高危场景并前置拦截；采用带状态的异步重试，生成唯一requestId并维护上下文；Native层主动兜底，配合超时通知与待确认队列；强化可观测性，支持TraceId全链路追踪与幂等降级。
-
240px1fr是最简且最稳的写法，因它明确指定第一列固定240px、第二列占剩余空间，不依赖内容、无兼容风险，且避免溢出、无效百分比及冗余minmax。
-
Cookie的path属性仅控制浏览器自动发送范围，不提供访问权限控制；真正的权限校验必须由服务端完成，需结合身份验证、角色检查及资源授权等逻辑，并配合Secure、HttpOnly、SameSite等安全属性。
-
使用padding可解决内容贴边导致的视觉拥挤问题。通过在容器内添加内边距，如设置padding:16px或1rem，使文字与边框间留有空白，提升可读性与美观度；结合响应式设计，利用rem或媒体查询适配不同屏幕，让布局更具呼吸感，增强用户体验。
-
正则表达式可快速提取HTTP响应头Key-Value对，但仅适用于格式规范、无嵌套和换行折叠的原始头；需先切出头部块、逐行匹配并转小写存储key，或用字符串方法替代以提升鲁棒性。
-
应使用<figure><figcaption>组合实现图文语义关联，而非div+p模拟；figcaption须为figure首个或最后一个子元素，alt与figcaption分工明确，装饰性或内联图片不应滥用figure。
-
引入Animate.css可通过CDN添加animate__animated与具体效果类实现动画，如按钮弹跳；支持通过样式控制重复、延迟、速度，结合JS动态触发更佳。
-
将扁平菜单转为树形结构需两次遍历：首次用对象缓存节点并初始化children，识别根节点；第二次将非根节点挂载到父节点children下，时间复杂度O(n)。
-
需在input和blur事件中调用checkValidity()触发红框和气泡，用setCustomValidity('')重置状态并自定义提示文案，禁用reportValidity()避免干扰，通过JS驱动验证状态确保:invalid生效。
-
跨域请求因浏览器同源策略被阻止，是安全机制而非bug；解决方式主要有CORS（服务端配置响应头）、JSONP（仅GET，已淘汰）和代理服务器（开发常用），推荐优先配置CORS。
-
aspect-ratio可在Chrome88+、Firefox89+、Safari15.4+、Edge101+中直接使用，但Safari15.0–15.3会静默忽略，IE、X5内核等完全不支持；需配合width/max-width使用，不可与height共存，且必须作用于块级或弹性/网格子项容器，搭配object-fit等控制内容填充。
-
Bootstrap5的断点是明确定义的六个min-width像素值：xs(0)、sm(576)、md(768)、lg(992)、xl(1200)、xxl(1400)，全部锚定在$grid-breakpoints变量上，媒体查询以min-width为唯一依据，且断点“向上生效”。
-
用<audio>标签实现多音频顺序播放需JavaScript监听ended事件，手动切换src并调用play()；须确保用户交互触发、每次切换前调用load()、重置currentTime=0，用数组管理路径；newAudio()不可直接播放，MediaSession需手动处理播放逻辑且兼容性有限；preload="metadata"不预加载音频主体，真预加载需fetch+createObjectURL。
