-
最推荐使用fetchAPI；它基于Promise、语法简洁、支持async/await，但需手动处理HTTP错误、超时和Cookie；XHR更底层、兼容性好、支持原生超时与进度控制，适合复杂场景。
-
最直接的方式是用document.querySelector定位元素后通过style属性修改内联样式，但仅影响行内样式；批量操作用querySelectorAll配合forEach；修改单个样式需用驼峰命名（如backgroundColor）；设置display:none后getComputedStyle将返回该值而非原始CSS值；推荐优先使用classList.add/remove/toggle切换预设类名以提升可维护性；动态注入样式规则需通过CSSStyleSheet.insertRule；监听真实渲
-
功能检测比浏览器嗅探更可靠，应通过in、typeof、instanceof等直接检测API是否可用，结合CSS.supports()、try...catch和动态import()实现渐进增强与合理降级。
-
答案：构建WebAudioAPI音频可视化器需创建AudioContext，获取音频源并连接AnalyserNode，通过其fftSize、smoothingTimeConstant等参数调节数据精细度与平滑度，利用Canvas实时绘制频率或波形图，并根据音频源类型（如<audio>标签、文件读取、麦克风输入）适配不同接入方式，结合requestAnimationFrame优化性能，实现响应式布局与用户交互控制，提升整体流畅性与体验。
-
background-blend-mode在Safari15.4之前完全不支持；Chrome/Firefox支持较早但仅对background-image+background-color或多图层生效，单独图片加纯色背景最稳定。
-
浮动元素会自动变为块级元素，无论原display值如何；浏览器将其内部计算为display:block，导致inline、inline-block、flex等特性失效，现代布局应优先使用flex或grid。
-
nth-last-child(n)从最后一个子元素开始往前数，选中第n个，仅按父容器中所有同级子元素的顺序倒数，不区分标签类型。
-
通过CSSMediaQuery的orientation属性区分横竖屏，结合viewport元标签实现响应式布局，竖屏时适配窄屏样式，横屏时利用宽屏空间优化展示，提升移动端用户体验。
-
CSS动画事件不触发的主因是动画未真实启动或被浏览器优化跳过；需确保有可感知的样式变化、提前绑定兼容性事件监听器、检查动画运行状态并兜底延时回调，同时避免重复绑定导致内存泄漏。
-
第一个HTML文件可用记事本编写，关键要保存为UTF-8无BOM编码、扩展名.html且保存类型选“所有文件”；标准结构需含<!DOCTYPEhtml>、<htmllang="zh-CN">、<metacharset="UTF-8">、<title>和<body>等标签。
-
声明<!DOCTYPEhtml>的核心作用是告诉浏览器以标准模式解析页面，避免进入怪异模式；2.它确保HTML、CSS和JavaScript按统一标准渲染，保障跨浏览器一致性；3.HTML5的DOCTYPE简化为仅一行，不再依赖DTD，提升解析效率；4.不声明或错误声明会导致盒模型异常、布局错乱、CSS和JavaScript行为不一致；5.DOCTYPE虽不直接验证语法，但为HTML验证和可访问性提供基础，确保辅助技术正确解析页面结构，最终实现稳定、可预测、可访问的网页呈现。
-
HTMLselect多选必须添加multiple属性，否则即使按Ctrl/Cmd也仅单选；获取多选值须用selectedOptions而非value；表单提交需name加[]后缀，否则后端仅收最后一个值。
-
首先确认浏览器是否启用JavaScript并使用最新版Chrome或Firefox打开本地HTML文件，若仍无效则检查文件路径、权限设置或尝试通过WebView组件加载页面以确保脚本正常运行。
-
非核心CSS放body底部仍会阻塞渲染，因其被HTML解析器发现即触发下载与CSSOM构建；应通过preload+onload、media切换等方式延迟加载，而非仅调整位置。
-
直接修改<linkrel="stylesheet">的href属性即可生效，浏览器会自动加载并应用新样式；需防缓存（加时间戳参数）、确保路径有效、避免跨域问题，并优先用disabled切换而非增删DOM。
