-
全屏布局需重置html/body的margin和padding、设100vw/100dvh、加overflow:hidden，并配viewport标签；iOSSafari中100vh不稳，应优先用100dvh并降级处理。
-
寄生组合式继承是JavaScript最理想的继承模式，它通过中转函数复用原型避免父构造函数重复调用，确保原型链完整、constructor正确，且比Object.create更高效稳定；现代开发应优先使用class+extends，其底层即为此模式并获引擎深度优化。
-
回顶按钮点击无效最常见的原因是z-index被遮挡或事件绑定过早；需设z-index:9999并确保JS在DOMContentLoaded后执行，同时用window.scrollTo({top:0,behavior:'smooth'})实现平滑滚动。
-
HTML乱码根本原因在于文件实际编码、HTTP响应头、外部资源三者未对齐；需依次验证file-i确认真实编码、Network面板检查Content-Type头、确保JS/CSS/JSON等外部文件同为UTF-8无BOM。
-
<p>Less中搜索框hover/focus样式需按&:hover→&:focus→&:focus-visible顺序声明，hover必须在focus前；清空按钮用"::-webkit-search-cancel-button"引号写法；图标padding和width用~"calc(100%-@{icon-width})"避免编译错误；复用样式应抽为mixin并控制嵌套层级。</p>
-
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函数为例，从测试出发逐步实现功能，验证逻辑正确性，增强项目稳定性与维护性。
