-
animation-delay不控制停留而是决定动画开始时间；停留靠animation-duration与关键帧中静止段占比实现，如30%–70%设相同位置可获40%时长的停留效果。
-
原型委托实现Mixin的核心是通过__proto__或Object.create建立查找链，使对象在属性缺失时委托给mixin对象，不复制代码、不污染原型、轻量灵活；需注意引用类型共享问题。
-
CSS未生效需检查引入方式与路径：一、外链用link标签，确保路径正确且文件存在；二、内嵌用style标签，语法须规范；三、内联用style属性，注意优先级；四、统一验证文档编码、协议限制、网络加载及选择器匹配。
-
AnimationWorklet不是CSS动画替代品，而是将动画逻辑移至独立线程运行的底层执行环境，用于实现高帧率、响应式、数据驱动动画；它不操作DOM，仅通过effect.setKeyframes()更新transform/opacity等可合成属性。
-
确保HTML滑块控件可访问性的核心做法包括：1.优先使用原生<inputtype="range">以获得内置可访问性支持；2.使用ARIA属性补充语义，如aria-valuemin、aria-valuemax、aria-valuenow和aria-valuetext；3.通过<label>元素关联标签与控件；4.确保键盘导航支持；5.提供清晰的视觉焦点指示；6.实现状态变化的实时反馈。此外，还需避免标签缺失、对比度不足、点击区域过小、焦点指示不清晰等问题，并通过键盘测试、屏幕阅读器
-
HTML无原生“精华”语义标签，加权依赖后端注入data-属性（如data-essence="true"）并由前端JS/CSS消费，首屏直出确保稳定性与SEO，ARIA仅用于无障碍，不参与权重逻辑。
-
Sass中通过@for、@each和@while指令可循环生成CSS类。①@for用于生成编号类，如.col-1至.col-12，按比例设置宽度；②@each遍历列表或映射，适合生成颜色类如.text-primary，绑定名称与值；③@while在条件成立时持续生成类，如.item-1到.item-5，需手动更新变量防死循环。合理选用循环方式可减少重复代码，提升维护效率。
-
伪元素边框不会撑大盒子——前提是用position:absolute定位并设content:""，使其脱离文档流；否则默认display会占据空间。
-
“路由锁”是前端SPA中通过路由守卫拦截跳转的控制机制，用于防止用户在表单提交、支付等关键操作中误离开导致状态丢失，本质是JavaScript层的跳转拦截与确认逻辑。
-
执行上下文是函数调用时严格创建的有生命周期的对象，分创建与执行两阶段；它决定this、作用域链、变量查找等，而非运行时自然形成。
-
最直接的方式是使用Node.js内置http模块创建服务器，代码简洁且便于理解底层机制。示例中通过http.createServer监听3000端口，根据URL返回不同内容，访问根路径显示欢迎信息，/about返回关于页面，其他路径返回404。保存为server.js后运行nodeserver.js即可在浏览器访问。虽然http模块基础，但适合学习；实际开发更推荐Express.js，因其路由、中间件管理更高效。安装Express后，可用app.get定义路由，express.static服务静态文件，并
-
overflow生效需容器有明确宽高且内容真溢出；常见失效因无宽高、flex/grid布局未设min-size、内联元素未转块级；Y轴滚动用overflow-y，移动端需-webkit-overflow-scrolling:touch。
-
scroll-snap-type必须配合scroll-snap-align才生效；仅设容器scroll-snap-type:ymandatory不触发吸附，需在每个子元素上显式声明scroll-snap-align:start/center/end，且容器须有溢出滚动（overflow-y:auto）和固定高度。
-
dl标签仅适用于人类可读的术语–解释型文档，如API文档中的参数说明，每项须严格遵循一个dt（术语名）配一个dd（解释），禁止混入非dt/dd元素或当作键值对容器使用。
-
float与position:sticky无法共存，因float使元素脱离文档流，而sticky要求元素在常规流中；正确方案是用flex或grid布局配合sticky，并确保父容器可滚动且侧边栏为直接子元素。
