-
函数防抖的核心是只执行最后一次触发的函数调用，依赖闭包保存并维护独立的定时器引用，确保多次触发时能清除旧定时器、重设新定时器，且不同实例互不干扰。
-
移动端侧边栏应通过媒体查询（如@media(max-width:767px)）隐藏，默认display:none，主内容区设width:100%；用“☰”按钮触发抽屉式展开，侧边栏fixed定位+transform过渡+遮罩层；需支持Esc/点击遮罩关闭、键盘导航及读屏适配。
-
play()无法暂停播放，因其仅负责启动或恢复播放；暂停必须调用独立的pause()方法，且需确保媒体元素已加载、有有效src并处于可交互就绪状态。
-
HTML文件的媒体元素主要包括<audio>、<video>、<img>等标签，用于嵌入音频、视频和图片内容；2.正确浏览HTML文档需要浏览器解析代码、构建DOM树、渲染内容，并正确处理媒体元素的源文件、格式兼容性、路径、MIME类型和CORS等；3.媒体文件无法播放的主要原因包括格式不兼容、路径错误、MIME类型配置不当、跨域限制及网络或文件大小问题；4.确保可访问性和语义化需使用语义化标签构建结构，为图片提供alt文本，为音视频添加字幕和文字稿，并确保交互元素支持
-
根本原因是未设置transform-style:preserve-3d，导致子元素在3D空间被压平；需在翻转容器设该属性、背面元素加backface-visibility:hidden，并避免overflow:hidden裁剪。
-
HTML5加载旧版JS插件报错主因是执行时序、作用域隔离、API废弃及隐式依赖；需确保同步加载顺序、避免module作用域污染、替换document.write/eval/with、补全IE事件兼容、配置XHRcredentials，并排查DOM就绪等隐式假设。
-
链式调用要求每个方法返回this以维持调用链，需避免遗漏returnthis、构造函数返回新对象、异步中混用同步返回、this绑定丢失等问题。
-
提取HTML表格数据有五种方法：一、JavaScriptDOMAPI遍历节点；二、PythonBeautifulSoup解析源码；三、Pandasread_html自动转DataFrame；四、正则表达式粗粒度匹配；五、XPath精准定位节点。
-
datalist标签的作用是为文本输入框提供可选的建议列表，1.它通过将input的list属性与datalist的id关联来实现；2.datalist内的option元素定义建议值，用户可自由输入不在列表中的内容；3.与select的本质区别在于select强制用户从预设选项中选择，而datalist仅提供输入建议，不限制自定义输入；4.动态生成选项可通过JavaScript获取数据后创建option元素并添加至datalist实现；5.在不同浏览器和设备上功能一致，但移动端可能渲染为原生选择器，且样式
-
浮动导致父容器高度塌陷，border-radius看似失效实为渲染区域缺失；清除浮动推荐::after伪元素（content:"";display:table;clear:both）；现代布局应优先使用Flex/Grid替代浮动。
-
关键在于语义化结构、Flex布局与渐进增强：用<header><nav><section><footer>替代<div>堆砌；导航与分栏用display:flex实现，避免float；轮播图和表单须保留HTML降级结构，JS仅增强交互；背景图设min-height:100vh，字体用font-display:swap防FOUC。
-
HTML5跨平台协作问题源于BOM、换行符、路径分隔符、Git配置等元信息；VS需关闭UTF-8withBOM、设LF换行符，并配合.editorconfig与.gitattributes统一规范。
-
作用域插槽是实现Tab页签标题动态图标的最直接方式，核心是将图标逻辑解耦至父级，由数据控制图标、高亮、禁用等状态；仅el-tabs支持#tab作用域插槽，需通过其插槽及作用域参数（如name、activeName）动态渲染图标并响应状态。
-
幽灵空白节点能撑开父盒子高度是因为它作为行内级、零宽度、继承父级font-size和line-height的不可见盒子参与行框构建，而父容器高度由行框总高度决定；vertical-align通过改变对齐基准点间接影响行框底部位置；最可靠方案是font-size:0+vertical-align:bottom+flex布局组合。
-
min-width会覆盖box-sizing的计算结果，当min-width值大于width时，浏览器以min-width为准确定最终宽度；需在开发者工具Computed面板检查min-width实际值是否超标。
