-
TV浏览器音画不同步主因是WebKit内核对MSE、时间戳及音频缓冲处理不一致，尤其在低端芯片或定制系统中更严重；需检查并统一音视频time_base、避免VFR、校验MSE时间戳单调性。
-
浮动与网格可共存，主结构用Grid布局，局部图文环绕等效果可保留浮动；关键在于明确分工：Grid负责整体架构，浮动仅用于特定视觉效果，并注意清除浮动防止塌陷，适用于兼容旧项目或内容型页面。
-
答案是掌握Emmet语法和编辑器快捷键可极大提升HTML编码效率。通过Emmet的缩写规则（如>、+、*、#、.等）快速生成结构，结合多光标编辑、行操作、代码折叠等编辑器快捷键高效修改与导航，形成标准化、流畅的编码思维，减少重复劳动与错误，实现从手写标签到结构化构建的范式转变，最终在团队协作与个人开发中持续提升生产力。
-
通过CSP限制脚本来源并禁止内联脚本，2.使用DOMPurify等库过滤危险标签并对特殊字符进行HTML编码，确保用户输入安全。
-
可通过浏览器直接打开HTML文件预览，右键选择打开方式或使用快捷键Ctrl/Cmd+O加载；2.复杂功能需用本地服务器运行，如通过npm安装http-server或使用VSCode的LiveServer扩展启动HTTP服务，避免file://协议限制。
-
Array.prototype.sort()默认按字符串Unicode码点升序排序，需传入比较函数实现数字等正确排序；V8引擎对小数组用插入排序、大数组用TimSort，且ES2019起要求稳定排序。
-
JavaScript事件机制包含捕获、目标、冒泡三阶段：捕获从window向下至目标父级，目标阶段执行目标元素监听器，冒泡从目标向上传至window；默认addEventListener在冒泡阶段执行，设third参数为true可启用捕获。
-
:disabled伪类仅对原生表单元素生效，需配合disabled属性使用；禁用非表单元素应使用类名+pointer-events:none及aria-disabled。
-
倒计时和定时任务通过setTimeout与setInterval实现，前者用于活动倒计时等场景，后者用于轮询数据更新；需保留定时器ID并在适当时机调用clearTimeout或clearInterval清除，避免内存泄漏。
-
使用Grid和Flex布局可高效实现响应式图片文字叠加效果，通过Grid定义容器结构并设置背景图适应尺寸，利用Flex对齐文字内容，结合媒体查询调整不同屏幕下的样式，确保可读性与视觉平衡，同时注意背景覆盖、文字对比度及指针事件处理等细节以提升用户体验。
-
JavaScript操作下拉列表核心是动态添加选项和获取选中值：用createElement或add()添加option，select.value获取值、options[selectedIndex].text获取文本，change事件监听变化。
-
持续集成与部署（CI/CD）通过自动化测试、构建和部署提升JavaScript项目交付效率。1.CI指频繁合并代码并自动运行测试以快速发现错误；2.CD在CI通过后自动将应用部署至生产环境；3.常用工具包括GitHubActions、GitLabCI/CD、CircleCI和Jenkins，其中GitHubActions因易用性成为多数项目的首选；4.典型CI流程包含安装依赖、代码检查、执行测试和构建项目；5.部署阶段可结合Vercel、Netlify或云服务实现自动化发布，敏感信息需存储于仓库Secre
-
使用Flex布局结合overflow-x实现响应式横向滚动，1.通过display:flex和flex-wrap:nowrap水平排列子元素；2.设置overflow-x:auto启用横向滚动，支持平滑滚动与触控；3.使用flex:00auto防止子元素被压缩；4.通过媒体查询适配不同屏幕尺寸，确保内容完整显示。
-
页面后续内容无法正常向下排列、而是堆叠在首屏顶部，根本原因是.container使用了position:fixed且未设置高度与文档流脱离，导致后续<section>无基准位置可依，全部从视口原点（0,0）开始渲染。
-
JavaScript垃圾回收基于可达性判断对象是否可回收，通过标记清除算法周期性清理不可达对象；闭包、未解绑事件监听器等易引发内存泄漏，需及时断开引用或使用WeakMap等工具防范。
