-
animation-play-state用于控制CSS动画的暂停与播放，其值为running或paused，默认为running；通过:hover或JavaScript可实现悬停暂停、点击切换等交互效果；作用于多动画时统一控制，保持当前帧状态，适用于轮播图等场景，提升用户体验。
-
this的指向在运行时由调用方式决定：全局环境中指向window；函数直接调用时指向window或undefined（严格模式）；作为对象方法调用时指向该对象；构造函数中指向新实例；通过call/apply/bind可显式绑定；箭头函数则继承外层作用域的this。
-
CSS动画通过animationstart、animationend、animationiteration事件触发JS响应，需确保元素已渲染且样式生效；重播需强制回流；复杂交互推荐element.animate()；防重复触发应检查getAnimations()状态。
-
事件监听器重复绑定导致多次触发的主因是未清理旧监听器，解决需用同一函数引用配对add/removeEventListener；事件委托应使用e.target.closest()精确匹配；阻止默认行为必须显式调用e.preventDefault()。
-
使用transform和animation可实现高性能平滑平移动画。1.translate()位移不触发重排，优于left/margin；2.@keyframes定义动画关键帧，支持from/to或百分比；3.animation属性绑定动画，设置时长、缓动、循环等；4.示例中alternate实现往返移动。推荐用于按钮、加载、轮播等场景。
-
position不该用于整体页面结构布局，因其导致组件脱离文档流、响应式失效、z-index失控、可访问性下降及维护成本剧增；应使用Grid/Flex等现代布局方案。
-
实现记忆卡片游戏需HTML构建结构，CSS实现3D翻转动画，JavaScript负责核心逻辑；2.JavaScript关键在于DOM操作、事件处理、状态管理（如hasFlippedCard、lockBoard）、洗牌算法（应使用Fisher-Yates确保随机性）和匹配判断；3.流畅动画依赖CSStransform和transition，配合backface-visibility:hidden防止视觉穿透，并设置合理动画时长（0.5-0.8秒）与非匹配翻回延迟（1-1.5秒）；4.常见挑战包括随机性不足（
-
HTML5中集成外部JS/CSS插件需用<script>或<link>标签加载：JS可静态引入（含defer/async）、模块化导入（type="module"）、动态创建；CSS需在<head>中用rel="stylesheet"；importmap可简化模块路径映射。
-
canvas.getContext('2d')返回null主因是canvas元素未加载进DOM，需确保在DOMContentLoaded后获取，检查ID是否拼写正确且元素存在，CSS隐藏不影响getContext。
-
本文详解井字棋（Tic-Tac-Toe）JavaScript实现中因函数参数顺序错误导致“已获胜仍继续输入”的核心Bug，并提供完整可运行的修复方案与最佳实践。
-
JavaScript路由切换核心是不刷新页面改变URL并更新视图，依赖HistoryAPI（pushState/replaceState）和popstate事件监听，或Hash模式的hashchange事件，本质是路径字符串到渲染逻辑的映射。
-
hover放大应使用transform:scale()配合transition实现，transition必须写在常态选择器中，避免重排卡顿；注意transform函数执行顺序、像素对齐及嵌套缩放问题。
-
后代选择器.my-classdiv匹配所有嵌套层级的后代div，而子选择器.my-class>div仅匹配直接子元素，更安全；:scope可限定JS查询上下文，但独立CSS中无效；还需防范优先级覆盖与继承污染。
-
classList切换类最稳妥，避免className全量赋值；CSS变量配合setProperty实现主题切换；getComputedStyle读计算样式但有陷阱；动画优先用transform+CSS过渡而非JS改left/top。
-
应使用CSSGrid替代绝对定位实现列表项布局，因其支持自动换行、响应式调整、语义保留及无障碍访问；仅在需非网格化自由排布时才选用绝对定位。
