-
CSS动画不会因遮挡或切页自动暂停，需用visibilitychange监听页面可见性或IntersectionObserver检测元素可视性来手动控制播放状态。
-
滚动进度条不能仅用CSS实现，因fixed元素width:100%相对于视口而非页面总高度，必须用JS监听scroll事件，结合requestAnimationFrame节流、缓存scrollHeight、处理iOSSafari兼容性及边界情况动态更新宽度。
-
深拷贝需根据场景选择方法：JSON方法简洁但不支持函数、循环引用等；手动递归可定制但复杂；结构化克隆支持多数内置对象但异步；Lodash最稳定但增加依赖。
-
本文详解如何通过CSS覆盖与jQuery插件配置协同，精准扩大jQueryUI兼容的resizable组件（如tannernetwork/resizable）右侧调整手柄宽度，显著提升用户交互体验。
-
最稳妥的手写轮播图方案是用transform:translateX()配合requestAnimationFrame实现平滑过渡，结合touchstart/move/end精确处理拖拽与自动对齐，并在touchend后强制校准currentIndex以避免状态错位。
-
设置width和height固定尺寸；2.使用box-sizing:border-box包含padding和border；3.通过overflow控制内容溢出，确保盒模型稳定不変。
-
JavaScript响应式设计核心是补足CSS媒体查询边界，需用resize事件（须节流）或matchMedia（更精准断点判断），结合CSS自定义属性协同，并注意移动端visualViewport等特殊处理。
-
Promise是ES6引入的异步编程标准对象，用于解决回调地狱、错误处理分散及缺乏统一控制等问题；它表示异步操作的三种状态（pending/fulfilled/rejected），通过newPromise()创建，支持.then()/.catch()链式调用与Promise.all/race/finally等组合方法。
-
应使用<link>引入公共CSS文件并置于页面专属样式之前，禁用@import，通过CSS自定义属性实现轻量配置，构建阶段用CSSModules或提取插件确保样式唯一打包。
-
应优先用if而非switch：当需判断数字范围（如age≥18）、处理动态/连续值、使用任意布尔表达式或复杂逻辑时；switch仅适用于多个固定值的精确匹配。
-
JavaScript执行上下文分为三种：全局、函数和eval。全局上下文是默认最外层环境，代码运行时首先创建，处理全局变量与函数，浏览器中this指向window；函数执行上下文在函数调用时创建，每个函数调用都会生成独立上下文，管理其内部变量、参数和作用域，支持嵌套并通过调用栈管理；eval执行上下文在eval执行代码时创建，因安全与性能问题不推荐使用。引擎通过这些上下文确定变量访问和this值。
-
Canvas动画流畅的核心是精准控制绘制时机与工作量，需用requestAnimationFrame配合deltatime计算、对象复用、高DPI适配及避免隐式开销。
-
Grid子元素尺寸不一致是默认行为，需通过grid-template-rows/columns明确轨道尺寸、控制子项内部溢出、统一align-items/justify-items对齐方式，并设置grid-auto-rows/columns规范隐式轨道。
-
本文详解如何为HTML+CSS+JS实现的照片轮播器添加可逆动画方向控制，通过CSS自定义属性--direction动态驱动@keyframes，使“上一张”点击时图片从右向左滑入（即反向动画），提升用户体验一致性。
-
固定CSS表格标题的核心是让表头在滚动时保持可见，提升用户体验。主要方案有两种：一是使用position:sticky，通过设置top:0实现表头粘滞效果，优点是代码简洁、语义清晰，适用于现代浏览器，但受限于父级overflow属性且兼容性较差（如IE不支持）；二是采用分离结构的overflow+display:block方案，将<thead>和<tbody>分别包裹在不同容器中，仅对表体设置overflow-y:auto以实现内容滚动而表头固定，兼容性好但需手动同步列宽，通常配合
