-
窗口缩放错位或溢出主因是固定宽高、缺max-width及盒模型误用；应设max-width:100%、用min-height/vh、flex-wrap换行、移动优先媒体查询、flex-shrink:0防压缩、grid用repeat(auto-fit,minmax())、字体用clamp()弹性适配。
-
文档应包含模块简介、安装引入方式、API接口说明、使用示例和注意事项；通过JSDoc生成HTML文档，结合代码注释描述函数功能、参数与返回值；保持文档同步需将更新纳入开发流程，利用CI和GitHubPages自动化部署；提升可读性需用动词开头描述功能、具体化参数说明、辅以图表与changelog，确保内容清晰实用。
-
async/await是Promise的语法糖，async函数必返回Promise，await只能在async函数内使用且仅等待Promise，普通值会被自动包装；错误需try/catch捕获，否则触发未捕获拒绝；调试时注意执行时机仍在事件循环中。
-
可通过五种方式实现HTML应用皮肤自定义：一、外部CSS文件切换；二、CSS变量动态控制；三、class类名切换；四、@layer分层管理；五、JSON配置驱动动态生成CSS。
-
HTML文本分行显示有四种方法：一、用<br>标签强制换行；二、用<p><div>等块级元素包裹各行；三、用white-space:pre-line等CSS属性控制空白符；四、用Flexbox布局实现可控分行。
-
答案：在HTML中运行JavaScript需使用<script>标签，可内联编写或通过src引入外部.js文件；推荐将脚本放在</body>前或使用DOMContentLoaded事件确保DOM加载完成；注意检查语法错误、文件路径及执行时机以避免常见问题。
-
通过元素、类、属性和伪类选择器可精准控制表单样式：首先设置输入框和文本域的基础样式，再用class或id实现个性化外观，如必填项提示和按钮定制；接着利用属性选择器针对email、password等特定类型设置样式，最后结合:focus、:hover等伪类增强交互效果，提升用户体验。
-
JavaScript通过WebAudioAPI处理音频，利用AnalyserNode提取频域数据实现可视化；结合Canvas对视频逐帧处理，如灰度转换；通过getUserMedia访问摄像头与麦克风；使用FFmpeg.wasm进行音视频格式转换与剪辑，实现浏览器内高效媒体分析与操作。
-
Set去重最快且简洁，适用于基本类型；filter+indexOf兼容旧环境但性能差；对象数组需用Map按字段去重；避免JSON.stringify因键序和特殊值问题。
-
opacity控制元素整体透明度，影响所有子元素；RGBA则用于局部颜色透明控制，仅作用于指定颜色属性。两者结合可实现丰富视觉效果，但透明度会叠加需谨慎使用。
-
ended事件仅在视频自然播放至末尾且未启用loop时触发；需在loadedmetadata后绑定监听，避免因时机过早或源加载失败导致失效。
-
Sass中嵌套@media易导致选择器权重升高、重复编译和断点失效；应仅在根选择器下使用一次，子元素用&__element继承，优先封装@mixinrespond-to统一管理断点。
-
HTTP/2ServerPush已被主流浏览器废弃，应改用Link:rel=preload实现资源预加载；需在HTML响应头或head中精准声明绝对路径与as=style，配合关键CSS内联和media条件加载优化首屏性能。
-
使用column-count和gap属性可轻松实现响应式多列布局，column-count设置列数如3列，gap控制列间距为20px，结合媒体查询在不同屏幕下调整列数，手机端单列、平板双列、桌面三列，提升可读性与美观度，适用于文本内容，现代浏览器支持良好，避免用于复杂交互元素。
-
WebWorkers通过在后台线程执行JavaScript，避免主线程阻塞，提升页面响应性。它适用于计算密集型任务，如大数据处理、图像操作、复杂算法等，能有效分离UI渲染与逻辑计算，结合TransferableObjects可优化通信性能，调试较复杂但现代工具已支持良好，另有SharedWorker、ServiceWorker和Worklets等扩展类型适应不同场景。
