-
应设置preload="metadata"并启用HTTP范围请求；优先选用Opus（语音）或AAC（音乐）编码，配合ServiceWorker缓存元数据，避免URL带时间戳参数。
-
绝大多数现代API要求在请求头中携带Authorization:Bearer{token}，推荐封装基础请求函数，读取localStorage或sessionStorage中的token，校验有效性后注入headers，并设置Content-Type；401处理需区分静默刷新或跳登录；axios比fetch更易统一拦截认证逻辑；JWT存localStorage不安全，高风险场景应改用httpOnlycookie。
-
旧电脑能否运行HTML5取决于浏览器版本、系统支持及功能启用状态；应优先选用系统最后支持的稳定浏览器（如Win7用FirefoxESR115），手动启用media.mediasource.enabled等关键配置，并通过Polyfill或降级方案兼容缺失特性。
-
异常堆栈从上到下显示调用顺序，首行为错误位置，含文件名、行号、列号及函数名；2.结合console.trace()可追踪执行路径；3.利用浏览器开发者工具设置断点、查看调用栈与变量作用域；4.异步异常需通过.catch()、try/catch及unhandledrejection事件处理；5.综合堆栈信息与调试工具可高效定位问题。
-
答案：通过合理设置过渡时间与缓动函数、分步控制多层阴影、避免布局重排并结合transform，可提升box-shadow交互效果的流畅性与视觉层次。
-
本文介绍在Angular项目中，基于teacherId字段将学生数组与教师数组进行一对一关联，动态注入教师姓名，生成增强型学生数据，采用Map或Object.fromEntries实现O(n)时间复杂度的高性能映射。
-
在HTML内联事件（如onclick）中调用JavaScript时，若选择器含双引号，易因引号层级冲突导致语法错误；解决关键是合理组合单双引号并正确转义内部引号。
-
iframe.contentWindow读取失败主因是跨域或DOM未就绪；同源下需等待onload事件，跨域则必须用postMessage并严格校验origin和data类型。
-
响应式padding/margin需用rem/em+媒体查询+移动优先：设htmlfont-size基准，断点处统一调小根字号；聚焦卡片、表单等视觉节奏位；Flex/Grid中慎用margin:auto，改用margin-inline或justify-content。
-
HTML5缩放依赖CSStransform:scale()，需配合transition或@keyframes实现动画；Canvas中须用ctx.scale()在绘图层缩放，避免CSS拉伸模糊。
-
弹窗溢出父容器的根本原因是定位与尺寸控制不匹配。应为父容器设position:relative，弹窗设显式宽高，内容区用max-height+overflow-y:auto，配合box-sizing:border-box和响应式优化。
-
CSS布局混乱主因是结构未预设、样式未分层；应先语义化拆分模块（如header/sidebar/main/footer），再于需对齐的父容器上精准启用Flex，配合命名空间避免污染。
-
Canvas路径是绘制图形的基础，由一系列点连成的线段或曲线组成。需先调用beginPath()开始路径，再使用moveTo、lineTo、arc等方法定义形状，最后通过stroke()或fill()绘制。可手动绘制矩形、心形等复杂图形，并利用Path2D重用路径或设置裁剪区域，掌握路径逻辑即可实现丰富2D视觉效果。
-
HTML5中边框透明需用CSS实现：优先用rgba()/hsla()精确控透明度（如rgba(0,0,0,0)），或transparent关键字保留布局占位；禁用rgb()、opacity、visibility及border:none，因它们或无效或影响整体元素。
-
find()返回首个满足条件的元素值，否则undefined；findIndex()返回对应索引，否则-1；两者均不改变原数组，常用于高效查找与定位。
