-
HTML5的<audio>标签支持嵌入本地或网络音频，可通过src属性引入文件、controls显示控件、preload预加载；需注意CORS限制；可用JavaScript编程控制播放；推荐多source回退写法提升格式兼容性。
-
跨域问题由浏览器同源策略引发，常见解决方案包括：1.CORS通过服务器设置Access-Control-Allow-Origin等响应头实现跨域，前端无需特殊处理；2.JSONP利用script标签不受同源限制的特性，仅支持GET请求，存在安全风险且逐渐被淘汰；3.代理服务器在开发或生产环境将跨域请求转发为同源请求，如Vite或Nginx配置；4.postMessage用于不同窗口或iframe间的跨域通信，通过消息传递实现数据交互；5.WebSocket协议本身不受同源策略限制，适用于实时通信场景。其中
-
获取页面滚动位置主要用window.scrollY和scrollX或兼容写法。通过getScrollTop()和getScrollLeft()函数可获取垂直和水平滚动距离，结合onscroll事件实时监听，用于显示回到顶部按钮或判断是否滚动到底部实现无限加载，需注意兼容性与性能优化。
-
TreeShaking是一种通过静态分析剔除未使用代码的构建优化技术，应用于Webpack、Rollup和Vite等工具，依赖ES6模块的静态结构，在打包时移除“死代码”，减小文件体积。其原理是基于AST分析import/export依赖关系，从入口文件标记并保留被引用的代码，删除未使用的导出。为确保生效，应使用ES6模块语法，避免副作用，并在package.json中设置"sideEffects":false或指定必要文件。需注意它不支持CommonJS模块，且生产模式下才完全启用，开发环境通常保留全部
-
答案：JavaScript流式编程核心是Observable与RxJS处理异步数据流。Observable作为可推送多值的数据源，支持创建、操作符组合、错误处理及资源清理，通过声明式编程提升复杂异步场景的代码质量。
-
可行，但需确保jQuery先加载、验证代码在DOM就绪后执行，推荐script置于</body>前或用defer，并包裹于DOMContentLoaded事件中。
-
vw单位使文字随视口缩放但易失控，应配合clamp()约束范围，如font-size:clamp(16px,4vw,28px)，并避免在body或根元素上直接设vw字体以防em/rem连锁失准。
-
Webpack非必需但项目复杂时绕不开，常见报错源于入口输出配置错误、loader缺失（如CSS/图片/TS）、mode与devtool未设导致调试部署困难。
-
本文介绍使用localStorage实现HTML动态表格数据的本地持久化存储，确保用户添加的行和字段在页面刷新或重新打开后依然保留，无需后端或Excel文件依赖。
-
使用vw和vh单位可实现字体大小自适应，结合clamp()函数能避免极端尺寸，保持可读性；vh适用于全屏模块标题，配合rem与媒体查询更易维护，提升响应式体验。
-
本文详解如何在JavaScript中对嵌套结构的混合类型数据（如课程、章节、课时）进行多级排序，按类型优先级（course→chapter→lesson）和关联序列号（sequence）实现稳定、可扩展的排序逻辑。
-
要使用CSS制作数据关系连接线并添加SVG路径动画，核心方法是利用SVG的<path>元素绘制线条，并通过CSS的stroke-dasharray和stroke-dashoffset属性配合@keyframes实现动画效果。首先定义SVG容器和路径，设置d属性控制线条形状；接着通过JavaScript获取路径长度并设置为CSS变量；然后在CSS中配置stroke-dasharray和stroke-dashoffset，并应用动画使线条逐步显示；最后通过动画关键帧实现从隐藏到完整显示的效果。相比
-
Sticky定位需设置阈值且父容器无overflow限制，现代浏览器支持较好，旧版Safari需加-webkit-前缀，IE不支持需JS模拟或降级处理。
-
accent-color是CSS原生属性，用于统一设置checkbox、radio、rangethumb和progress前景色；不作用于select、button等元素，且不继承、不兼容-webkit-appearance:none。
-
HTML5的play()无法直接播放私密链接，因其加载阶段即被服务端拒绝；根本原因在于原生video/audio标签无法携带自定义请求头或参数。可行方案包括：1.fetch()+MediaSource手动流式注入；2.后端代理中转透传响应。
