-
data-*属性用于存储私有数据，通过dataset访问和修改，支持动态交互与数据传递。
-
auto-fit只创建有内容的轨道并拉伸填满容器，auto-fill则无论内容多少都按minmax()尽可能预留全部轨道，导致空列和布局错位。
-
JavaScript国际化API以Intl对象为核心，提供DateTimeFormat、NumberFormat、Locale等构造器，支持日期、数字、货币、语言协商及复数/列表格式的标准化本地化处理，无需硬编码规则。
-
蓝色方框的background-color不一定是#007bff，需用开发者工具确认其实际样式来源；font-size修改无效常见于继承中断、选择器权重不足或scoped样式隔离。
-
Bootstrap下拉菜单默认无边框因border:0被覆盖，需用!important或更具体选择器；border工具类需配合border样式生效；避免border简写导致border-radius丢失；移动端注意定位偏移与渲染模糊。
-
JavaScript中I/O操作与宏任务密切相关，1.I/O操作完成后其回调会被放入宏任务队列等待执行；2.这种机制确保主线程不被阻塞，保持响应性；3.宏任务优先级低于微任务，微任务会先于宏任务执行；4.处理大量I/O时可通过批量处理、防抖节流、WebWorkers、流式处理等方式避免性能瓶颈。
-
本文详解如何通过递归函数，将具有linksTo跳转逻辑的问答结构数据，转换为所有可能的完整访问路径；重点解决路径累积、节点索引映射、终止条件判断及结果标准化输出等核心问题。
-
fixed定位元素盖住内容是因为脱离文档流，后续内容从视口顶部开始布局；解决方法是给body或容器加padding-top主动避让，而非盲目调z-index。
-
闭包是函数与词法作用域的组合，可访问外部变量，常用于私有变量、回调和柯里化；需注意及时清理引用以防内存泄漏。
-
TDD通过“红-绿-重构”循环提升代码质量：先写失败测试，再写最简实现，最后优化结构；配合Jest等工具搭建环境，编写纯函数与模块化代码，确保可测性；以add函数为例，从测试出发逐步实现功能，验证逻辑正确性，增强项目稳定性与维护性。
-
纯前端无法真正触发Webhook，但可用form模拟请求体或fetch发送JSON；需显式设Content-Type、JSON.stringifypayload，并避免file://协议限制。
-
页面权限分级的核心是将权限标识写入路由meta字段，并在router.beforeEach中校验用户权限，不满足则跳转或拦截。
-
配置MAMP虚拟主机并优化路径与缓存，可实现CSS零感知延迟加载。1.启用httpd-vhosts.conf；2.添加VirtualHost指向项目目录；3.修改hosts文件绑定project.test；4.使用根路径引用CSS；5.开启mod_expires模块并配置.htaccess缓存规则；6.可选内联关键CSS避免FOUC。正确设置后，本地开发中CSS加载时间通常低于5ms，用户无延迟感。
-
常见错误是直接传对象属性作param，因上下文不同导致取值时机、响应式、序列化行为差异；HTTP中需防undefined、时间格式、类型转换问题；组件中易引发冗余rerender或更新丢失；后端须做显式类型转换和空值归一化。
-
includes比多个||更可靠，因其严格相等、支持NaN、逻辑集中；改写为constvalidColors=['red','blue','green'];if(validColors.includes(x)){...}；注意字符串和类数组需分别处理，大数组高频查询建议用Set。
