-
该用transition而非@keyframes动画时：只需“有来有回”的状态切换，如hover变色、class切换展开菜单；它依赖触发条件，仅定义起止态，自动反向过渡且性能更优。
-
addEventListener第三个参数填true表示捕获阶段、false表示冒泡阶段；stopPropagation只阻断当前阶段传播，stopImmediatePropagation才彻底中断；事件委托依赖冒泡，需用event.target判断真实触发元素。
-
答案是：手机运行HTML文件可通过浏览器直接打开、文件管理器辅助、本地服务器或代码编辑器实现。先将文件传至手机，静态页面用Chrome等浏览器点击即开；安卓可借助文件管理器定位并选择浏览器打开；含JS/CSS外链时需用KSWEB等App搭建本地服务器，访问localhost地址；也可使用QuickEdit、Dcoder等支持预览的编辑器，或Termux启动Python服务器调试，确保文件路径正确、权限允许即可正常查看。
-
JavaScript可通过TensorFlow.js或face-api.js在浏览器中实现人脸检测与识别，首先加载预训练模型，再利用摄像头视频流进行实时推理，提取人脸特征向量并比对，完成身份识别，全过程本地运行保障隐私，适合轻量级应用。
-
图片懒加载通过延迟加载非可视区图片提升性能，核心是用data-src存储真实路径，结合IntersectionObserver监听进入视口时加载，推荐使用ObserverAPI以提升效率并降低主线程负担。
-
JavaScript响应式编程核心是观察者模式，通过Proxy拦截get/set实现依赖收集与触发，或用Object.defineProperty兼容旧环境；其本质是Subject（响应式对象）与Observer（副作用函数）的自动关联。
-
auto-fit会收缩空轨道并拉伸剩余列，auto-fill保留所有轨道；minmax(200px,1fr)使列等宽且≥200px，随容器宽度自动增减列数；不换行主因是父容器缺宽度限制。
-
Symbol.species用于指定派生对象的构造函数，控制继承方法返回的实例类型。通过在子类中定义staticget[Symbol.species]()，可决定如map、slice等方法返回父类或子类实例，常用于Array、Promise等内置对象的子类定制，确保返回类型符合预期，提升继承行为的可控性与性能。
-
内存泄漏指程序未释放不再使用的内存，导致内存占用持续增长、性能下降甚至崩溃。可通过任务管理器观察内存增长、使用Valgrind、AddressSanitizer、VisualStudio工具或Java堆分析工具检测。解决方法包括采用RAII、智能指针、避免循环引用、及时释放资源及定期代码审查。
-
使用animation-play-state属性可控制CSS动画暂停，其值为running或paused，默认为running；通过JavaScript切换添加paused类或利用:hover伪类，即可实现动画的暂停与恢复，无需重设关键帧或动画时间。
-
需重置input和textarea基础样式以统一跨浏览器表现，包括边框、内边距、字体，并用:focus-visible保障键盘用户可访问性，同时强化label语义关联与错误提示的可读性。
-
移动端P3色域不生效是因渲染链路默认锁定sRGB，需HTMLmeta与CSS双层声明协同：meta必须置于head最前，CSS须先声明color-gamut:p3再使用color(display-p3)，且display-p3参数须经专业工具转换，不可直接换算十六进制。
-
使用开发者工具模拟设备、在真实设备测试、借助在线工具验证，并检查CSS布局结构，确保页面适配不同屏幕尺寸。
-
flex-wrap:wrap实现自动换行，需配合flex-basis或width控制子项基础宽度，并注意flex-shrink默认值导致的压缩不换行问题及gap兼容性陷阱。
-
最稳妥的手写轮播图方案是用transform:translateX()配合requestAnimationFrame实现平滑过渡，结合touchstart/move/end精确处理拖拽与自动对齐，并在touchend后强制校准currentIndex以避免状态错位。
