-
事件委托利用事件冒泡将监听器绑定到父元素，通过判断event.target处理子元素事件，减少内存开销并支持动态元素。例如为待办列表的删除按钮统一绑定事件，无需单独监听每个按钮，新增项自动生效。适用于列表、表格等频繁增删的场景，但需避免用于不冒泡的事件如focus、blur，推荐用data属性或类名精确过滤目标，注意解绑时需在逻辑中控制响应。掌握该技术可提升动态界面性能与维护性。
-
CSSanimation的核心是@keyframes定义关键帧和animation属性控制动画效果；2.使用场景包括Loading动画、按钮交互、图片轮播、错误提示、数据可视化和用户引导；3.性能优化应优先使用transform和opacity，避免重排重绘，合理使用will-change；4.常见陷阱有动画结束后状态未保持（需设置animation-fill-mode）、中断生硬（可用animation-play-state控制）和像素抖动问题；5.CSS与JavaScript可协作，CSS适合声明式动
-
CSSGrid通过grid-template-columns定义列结构，支持等宽或混合单位布局，结合gap控制间距，利用auto-fit与minmax实现响应式适配，无需媒体查询即可自动换行，再通过align-items、justify-items和grid-auto-rows等属性统一对齐与内容分布，显著提升多列文章布局的灵活性与视觉一致性。
-
使用CSSModules和BEM命名约定可有效避免样式冲突。通过将CSS类名局部作用域化并采用结构化命名，结合CSS自定义属性实现灵活可配置的样式模块，提升代码可维护性与复用性。
-
答案：通过CSS的animation与opacity属性实现轮播图淡入淡出效果，利用绝对定位将多张图片叠放在同一位置，结合@keyframes定义透明度变化动画，设置每张图在特定时间段内opacity为1、其余为0，并通过animation-delay错开播放时机，实现平滑过渡。以3张图为例，总周期9秒，每张停留3秒，关键帧控制显示区间避免重叠，配合ease-in-out缓动和交叉溶解优化视觉体验，同时使用will-change提升性能，适用于轻量级、静态内容轮播场景。
-
flex子元素动画不生效主因包括尺寸冲突、overflow裁剪、z-index层级及弹性缩放干扰；解决方法为固定尺寸、用transform位移、避免marginauto、设will-change优化，配合flex-shrink:0可确保滑入等动画正常执行。
-
本教程旨在解决网页模板方向（RTL/LTR）在页面刷新后恢复默认的问题。通过利用浏览器localStorage机制，我们将演示如何封装方向切换逻辑，并在用户选择方向后将其保存，同时在页面加载时自动恢复上次设置，从而实现方向设置的永久性。
-
JSDoc在状态管理中通过类型注解提升代码可读性与维护性，用于定义状态结构、标注函数参数与返回值，并在Redux、MobX、Zustand等库中规范文档。1.它明确state字段类型，描述action参数格式；2.在reducer、store类和状态创建函数中增强类型提示；3.建议使用@typedef复用复杂结构，配合IDE检查并保持注解同步更新，避免冗余。合理使用JSDoc可显著提高JavaScript项目中状态管理的可维护性。
-
JWT通过Header、Payload、Signature三部分实现无状态认证，用户登录后后端生成Token，前端存储并在请求头中携带BearerToken，后端验证有效性；需注意使用强密钥、合理过期时间及HttpOnlyCookie等安全措施。
-
利用:target伪类和媒体查询可实现无JS响应式模态框。通过锚点触发显示与隐藏，结合position:fixed与transform居中，设置max-width和overflow-y适配多端，优化触摸体验。
-
浮动（float）在早期网页布局中被广泛使用，主要用于实现文字环绕图片、多栏布局等效果。但随着响应式设计的普及，浮动对响应式布局产生了诸多限制和挑战，虽然它仍可在某些场景下使用，但在现代开发中已逐渐被更灵活的布局方式取代。1.浮动破坏正常的文档流当元素设置float:left或float:right时，它会脱离标准文档流，导致父容器无法正确感知其高度，容易出现父容器塌陷问题。在响应式设计中，屏幕尺寸变化频繁，内容高度动态变化，这种塌陷会引发布局错乱。常见解决方法是清除浮动（clear
-
答案：forEach是JavaScript数组的遍历方法，执行回调函数处理每个元素，不返回新数组，适用于打印、DOM操作等副作用场景。语法为array.forEach(callback(currentValue,index,array),thisArg)，支持索引和原数组参数，并可指定this上下文；常用于基本遍历，但无法中途跳出循环，稀疏数组仍访问空槽，空数组不执行回调，适合无返回值的操作。
-
使用:hover可显著提升按钮交互性，通过transition实现背景色渐变（如0.3s）、配合scale缩放与box-shadow阴影增强立体感，添加cursor:pointer明确可点击，避免过度动画，注意可访问性与移动端兼容性。
-
justify-content控制主轴对齐，align-items控制交叉轴对齐，二者配合可实现元素在容器中的精准居中与分布，如center+center实现完全居中，需确保父容器设为display:flex，主轴方向影响对齐表现。
-
使用Animate.css结合IntersectionObserver实现滚动触发动画，通过CDN或npm引入库文件，为元素添加.animate__animated和动画类名，利用IntersectionObserver监听元素进入视口并触发如fadein、slideInUp等动画，设置threshold和rootMargin优化触发时机，避免重复执行，提升用户体验。
