-
单页滚动真正适配语义化导航的是scrollIntoView()，它基于DOM节点自动计算位置、避开sticky头部、支持平滑滚动；scrollTo()仅适合精确像素定位，易被fixed导航栏遮挡内容。
-
@use是当前Sass中避免样式污染最可靠的方式，它从语言层面强制隔离变量、@mixin、%placeholder和函数的作用域；继续用@import等于主动放弃封装能力，污染几乎不可避免。
-
WeakMap不可迭代是关键设计，旨在防止外部探测键的存在状态以保护私有数据；它无keys()/values()/entries()方法、不支持for...of和展开运算符，JSON.stringify返回"{}"。
-
视频加载失败时可通过onerror事件捕获并处理，如显示备用封面、提示信息或切换备用源，结合多格式支持与路径检查可有效提升兼容性与用户体验。
-
align-content:center没效果最常见原因是容器未形成多行且交叉轴无富余空间；它仅在flex-wrap:wrap生效、子项实际换行、容器有明确高度时才起作用。
-
window.print()默认打印整个DOM，导致导航栏、广告、浮动元素等干扰内容被输出；必须用@mediaprint精准控制可见节点、重置样式（如float:none、position:static）、强制黑白、补全链接URL，并规范表格分页（如page-break-inside:avoid、thead{display:table-header-group}），配合开发者工具模拟打印预览调试。
-
应删除依赖视觉或位置的class，改用语义化命名；主布局用grid和flex替代旧式定位；启用CSSModules等作用域控制方案；容器用max-width、字体用rem+clamp实现弹性响应。
-
JavaScript中的Generator函数通过function*关键字定义，使用yield暂停和恢复执行。1.基本用法：通过next()方法控制执行，返回包含value和done的对象。2.异步操作：使用yield处理异步任务，避免回调嵌套。3.错误与调试：注意调用next()，处理yield返回值，避免无限循环。4.性能与最佳实践：避免过度使用，适用for...of循环遍历。Generator函数在处理异步和迭代时非常有用，但需谨慎选择使用场景。
-
CSS模块化通过文件拆分、构建工具集成等方式实现样式隔离，推荐使用CSSModules或预处理器替代@import以提升性能与维护性。
-
使用display:inline-block创建多列容器时，因默认vertical-align:baseline导致高度不一致的块错位；只需统一设置vertical-align:top即可实现严格顶部对齐，各块内部结构互不影响。
-
padding-top实现等比矩形的原理是利用块级元素的padding百分比基于父容器宽度计算的特性，如设padding-top:56.25%（16:9），则高度=父宽×0.5625，从而锁定宽高比。
-
纯HTML博客模板应使用语义化标签构建结构：用<header><main><footer>替代div堆砌，<main>唯一且包裹正文，<footer>置于body底部；<article>优于<section>用于博文；标题层级需严格递进，<metaname="viewport">不可或缺。
-
async函数总是返回Promise对象，直接console.log()会显示"Promise{pending}"；必须使用await或.then()显式等待其解析后才能获取最终值。
-
表单提交依赖GET和POST方法，GET将数据附加在URL后，适用于公开、非敏感的检索操作，有长度限制且可被缓存；POST将数据放入请求体，安全性高、无长度限制，适合提交敏感或大量信息。选择合适方法可提升安全与效率。
-
滑动窗口限流不能直接用setTimeout模拟，因其执行时机不可控且无法感知请求真实完成时间；必须基于实际完成请求动态更新计数，推荐用performance.now()记录起止时间、数组+双指针维护窗口、AbortController实现熔断，并完全兼容fetch参数以支持重试与缓存。
