-
使用opacity和transform结合实现弹窗动画，通过CSS过渡与类控制状态切换。1.HTML结构包含遮罩层和内容框；2.默认样式设置弹窗隐藏（opacity:0、scale:0.8、pointer-events:none），active类触发显示（opacity:1、scale:1）并启用事件响应；3.JavaScript通过添加/移除active类控制显隐；4.可监听transitionend事件在动画结束后执行操作（如隐藏DOM）。该方案性能佳，避免重排，动效流畅自然。
-
:focus-within可使父级li在子菜单链接获焦时自动高亮，无需JS；需确保子菜单含可聚焦元素（如带href的a标签），推荐结合:hover使用并注意移动端仅依赖focus-within。
-
JavaScript中this在函数调用时动态确定，受普通调用、方法调用、构造调用、显式绑定四种方式影响；箭头函数无this，继承外层普通函数的this值。
-
图标与文字在CSS中无法对齐的根本原因是未理解line-height（控制行高与基线）和vertical-align（控制行内元素相对基线偏移）的协同机制；推荐用inline-block+line-height+vertical-align组合或flex布局解决。
-
应优先用if而非switch：当需判断数字范围（如age≥18）、处理动态/连续值、使用任意布尔表达式或复杂逻辑时；switch仅适用于多个固定值的精确匹配。
-
WebAssembly的尾调用优化通过将尾递归调用转化为栈帧重用，避免栈溢出并提升性能。它要求递归调用位于函数末尾且无后续操作，编译器将其转换为return_call指令实现跳转而非压栈。该优化对深度递归场景至关重要，尤其在函数式语言编译到Wasm时。Rust、C/C++、AssemblyScript等语言需编写尾递归形式并开启优化编译，才能触发此优化。然而，其应用受限于运行时支持成熟度、编译器识别能力、调试困难及代码可读性问题，并非所有递归均可优化，需权衡使用。
-
用rem+viewport缩放控制最稳妥，但必须禁用text-size-adjust，否则iOSSafari会强行放大小字号文本；根本原因是系统「可读性缩放」和浏览器对viewport解析差异，导致手机和平板文字表现不一致。
-
实现表格斑马纹效果最推荐的方法是使用CSS的:nth-child()伪类选择器，它能为奇数行和偶数行设置不同背景色，显著提升表格可读性和用户体验。1.通过为相邻行设置不同背景色，帮助用户更轻松地追踪和对比数据，降低视觉疲劳；2.相较于其他方法，:nth-child()代码简洁、维护方便，是现代前端开发首选方案；3.其他实现方式包括手动添加类名（维护困难）、JavaScript动态添加类名（依赖JS）、:nth-of-type()（与:nth-child()效果相近）；4.实际应用中需注意thead和tfo
-
在HTML5中执行JavaScript需通过script标签：一、内联编写于head或body中；二、外链引入.js文件并建议放body末尾或加defer；三、defer按序执行，async独立执行；四、可动态创建script元素插入执行。
-
伪元素::before和::after不能直接绑定:hover，需通过父元素:hover控制其样式；必须设置content和display才能显示，支持定位、过渡、z-index等CSS增强技巧。
-
本文介绍使用PHP脚本高效批量修改HTML文件的方法，通过遍历目录下所有.html文件，在每份文件末尾自动添加指定代码行，适用于静态网站维护、埋点注入或统一脚本引入等场景。
-
提升HTML5性能需减少加载时间与请求数，通过压缩合并文件、使用雪碧图、Gzip、优化图片格式与尺寸、响应式图片、预加载关键资源，并实施懒加载（原生或IntersectionObserver）、占位符、视频懒加载，结合缓存策略、异步JS加载、代码分割及ServiceWorker，系统优化可显著提升首屏速度与用户体验。
-
Animate.css是一个简化网页动画的CSS库，通过引入CDN或npm安装后，为元素添加animate__animated与对应类名（如animate__bounce）即可实现弹跳、淡入、旋转等效果；支持通过animate__infinite、animate__delay-2s等类控制播放次数、延迟和速度；结合JavaScript可动态添加类实现交互触发，需注意重复播放时先移除类并强制重排以重置动画。
-
localStorage和sessionStorage只支持字符串，存对象需JSON.stringify()序列化、JSON.parse()解析；IndexedDB是事务型键值数据库，需open、onupgradeneeded建库、事务内操作；容量限制需estimate()检测并降级处理；清理应按前缀而非全局clear()。
-
外边距重叠仅发生在垂直方向块级元素间，需同时满足：标准流、无隔离、相邻或特定父子关系；合并规则为取较大值、绝对值较大者或代数相加；推荐用padding/border、display:flow-root、Flex/Gridgap解决。
