-
Map比对象更适合缓存容器，因其键支持任意类型（含DOM节点、函数等引用）、严格保留插入顺序、size属性O(1)获取长度、无原型污染风险；Set去重和查存在为O(1)哈希查找，远快于数组O(n)线性查找。
-
WebFontLoader是一个JavaScript库，用于主动管理字体加载过程，解决FOIT/FOUT失控问题，但不提升加载速度；它需与font-display:swap配合使用，通过active回调获知字体就绪时机，避免样式错乱。
-
box-shadow动画闪烁或跳变是因为初始值与目标值结构不一致导致浏览器无法插值，需用具体数值初始化、保持参数个数一致、使用rgba()颜色、显式声明transition作用于box-shadow属性。
-
JavaScript浏览器环境无法实现SSR，因其缺失fs、http、真实DOM等服务端能力；真正SSR需Node.js+框架（如Next.js）或ReactDOMServerAPI。
-
JavaScript中变量声明用let、const、var，核心区别在于：let/const为块级作用域且有暂时性死区，var为函数作用域并提升初始化为undefined；let不可重复声明，const不可重复声明且必须初始化、不可重新赋值；推荐默认用const，需重赋值时用let，避免使用var。
-
“查看网页源代码”看到的是服务器返回的原始HTML，但若页面经JS动态渲染（如React/Vue），则仅显示占位结构；要确认真实发布内容，应通过Network面板抓取原始响应、curl命令获取服务器输出，或对比线上HTML与构建产物，并检查带哈希的JS文件是否更新。
-
Autoprefixer通过分析browserslist配置，利用PostCSS自动为CSS规则添加必要浏览器前缀，支持Webpack等构建工具集成，减少冗余代码并提升跨浏览器兼容性处理效率。
-
本文介绍如何在HTML页面中实现点击链接后平滑滚动至指定区域，无需JavaScript，仅通过语义化ID锚点与scroll-behavior:smooth即可完成。
-
通过监听wheel事件可实现对用户滚轮操作的响应与控制，首先使用addEventListener绑定事件并读取deltaY判断滚动方向；其次可通过preventDefault阻止默认行为以实现自定义逻辑，但需设置{passive:false}；为避免频繁触发导致性能问题，应采用节流或requestAnimationFrame优化；还可通过deltaX与deltaY区分横纵向滚动，结合CSS控制滚动方向；在测试场景中，可用newWheelEvent创建并dispatchEvent模拟事件触发。
-
网格容器是开启Grid布局的父元素，需设置display:grid或inline-grid；网格项目是其直接子元素，仅限一层，二者职责分明：容器定义轨道与规则，项目负责定位与对齐。
-
使用flex-direction:row和align-items可实现图文混排，通过align-items控制垂直对齐方式，结合flex-shrink、flex和gap等属性优化布局，使内容整齐且自适应。
-
过渡不流畅主因是触发条件不稳定、属性突变或浏览器未捕获状态变化；应使用可动画属性（如transform、opacity）、明确起止值、避免强制重排，并通过class切换而非内联样式控制。
-
在JavaScript中实现树形菜单需要以下步骤：1.使用HTML的<ul>和<li>构建树形结构；2.通过CSS控制节点的显示和隐藏；3.用JavaScript处理节点的点击事件，实现展开和折叠功能；4.添加图标来直观显示节点状态；5.通过AJAX动态加载子节点，优化性能；6.实现搜索功能，高亮匹配节点并展开相关父节点；7.使用虚拟滚动优化大数据量下的性能。
-
Next.js中RouteHandler返回404的常见原因是API路由路径不匹配：app/api/route.ts默认响应/api根路径，而客户端错误地请求了/app/api/ingresos；需统一使用/api前缀，并通过子目录结构（如app/api/ingresos/route.ts）实现语义化路由。
-
transition-timing-function控制动画速度变化，常用关键词如ease、linear、ease-in、ease-out、ease-in-out实现不同节奏，cubic-bezier()可自定义贝塞尔曲线实现弹性或过冲效果，结合场景选择合适曲线可提升动画流畅度与用户体验。
