-
浮动导致父容器塌陷需触发BFC，如overflow:hidden；左右栏高度不一致会引发错位，纯float无法等高；响应式下float清除易混乱，现代布局应优先用flex或grid。
-
HTML5的标签原生支持三种主要视频格式：MP4、WebM和Ogg。选择合适的格式能确保视频在不同浏览器中顺利播放。MP4（H.264+AAC）——兼容性最强MP4是目前兼容性最好的格式，几乎所有现代浏览器都支持它。但要注意，并非所有MP4文件都能播放，必须使用特定编码：视频编码：H.264（也称AVC）音频编码：AACMIME类型：video/mp4苹果Safari、微软Edge和InternetExplorer都只支持这种组合。因此，提供一
-
本文详解如何安全地在子菜单（如侧滑面板）打开时隐藏页面滚动条，并重点解决因DOM元素缺失导致的Cannotreadproperty'classList'ofnull常见报错，提供健壮、可复用的实现方案。
-
Chrome默认启用ping属性但可手动禁用，Firefox默认彻底禁用且不可开启，Safari从未支持；实际使用中易受协议限制、网络拦截等影响，不推荐用于生产环境。
-
Request构造函数用于创建可复用的请求实例，需传入URL和配置对象，其中method指定全大写HTTP方法，默认"GET"；headers支持对象或Headers实例；body适配POST/PUT等方法并需匹配Content-Type；mode、credentials、cache、signal等控制跨域、凭据、缓存与中止。
-
grid-template-rows和grid-template-columns定义网格行高列宽，使用像素、fr、百分比、auto等单位及repeat、minmax函数灵活布局，支持命名网格线，是构建CSSGrid布局的核心。
-
答案：响应式导航栏切换失败通常源于结构、断点或样式问题。需确保HTML语义化，使用nav和ul布局，添加移动端按钮；CSS中正确设置flex布局与media查询，控制显示与方向；必要时用JavaScript切换active类实现菜单展开；注意断点合理、无样式冲突，并添加viewportmeta标签。逐步排查可解决常见问题。
-
本文详解ReactQuery的initialData函数为何常不触发或返回undefined，重点排查缓存键不匹配、数据未预加载、类型不一致等核心问题，并提供可立即验证的调试方案与最佳实践。
-
在ReactRouter6.15中，ScrollRestoration组件可原生支持导航时滚动至顶部及历史回退时恢复滚动位置；若需更精细控制，也可通过自定义useScrollToTopHook或布局级组件实现。
-
BEM中block、element、modifier是三类命名角色：block为独立功能模块（如header、card），element为其直系组成部分（card__title），modifier描述状态变体（card--featured）；严禁嵌套element（如card__image__caption非法），双连字符--专用于分隔block与modifier，__不可误写为_或___，嵌套结构应由HTML和CSS布局实现而非类名层级。
-
flex-wrap:wrap可使Flex子元素在空间不足时自动换行。默认nowrap不换行，wrap允许换行且新行在下方，wrap-reverse新行在上方。结合justify-content控制行内对齐，align-content控制多行垂直分布，并可通过flex和gap实现响应式布局。
-
用:checked伪类替代:hover可实现移动端可控的点击展开/收起菜单，需将checkbox与菜单置于共同父容器内、菜单设position:absolute且父容器设position:relative，配合max-height过渡动画，并完善可访问性。
-
DOM树是浏览器解析HTML生成的节点树，根为Document（nodeType=9），元素为Element（1），文本为Text（3），注释为Comment（8）；通过parentNode、childNodes、children等属性遍历，需注意空白文本节点。
-
迭代器模式与生成器函数结合，通过惰性求值实现高效数据流处理。生成器函数以yield暂停执行，按需生成值，避免内存溢出，尤其适合无限序列或大型数据流。传统数组和循环因饥饿求值和状态管理复杂难以应对，而生成器仅在调用next()时计算下一个值，内存占用小、资源消耗低。异步场景中，asyncfunction和forawait...of支持异步迭代，可处理分页请求、事件流等，结合yield可委托其他迭代器，构建灵活的数据管道，提升异步代码可读性与维护性。
-
绝对定位是开关轨道和按钮的首选，因其能使滑块脱离文档流、紧贴轨道边缘移动且不破坏父容器结构，但前提是轨道必须设为position:relative。
