-
clearRect仅清像素不重置状态，需手动恢复globalCompositeOperation等；resetCanvas通过重设width彻底重置但性能差；fillRect仅适用于单色背景。
-
纯函数指相同输入始终返回相同输出且无副作用，如add(a,b)；依赖外部变量的函数非纯。不可变数据要求不修改原始对象或数组，而是通过展开运算符等创建新数据，避免状态混乱。例如更新用户年龄时，应使用map和解构生成新数组而非修改原数组。结合二者可提升代码可读性、可维护性与可测试性，尤其适用于React等框架的状态管理。
-
组合函数是将多个一元函数按顺序串联执行的编程模式，pipe从左到右执行如h(g(f(x)))，compose从右到左执行如f(g(h(x)))，提升代码可读性、复用性与可测试性。
-
HTML嵌套塌陷本质是块级元素垂直margin合并，非嵌套错误；典型表现为子元素margin-top穿透无border/padding/overflow的父容器；可用overflow:hidden触发BFC、flex/grid布局或改用padding解决。
-
当两个绝对定位的div完全重叠时，仅顶层元素默认响应交互；本文提供一种基于pointer-events动态切换的可行方案，并重点分析其局限性，同时推荐更健壮的语义化替代方案。
-
border必须同时指定width、style、color才生效；letter-spacing控制字符额外间距，不继承；line-height和padding共同决定文字与边框距离；flex的align-items比line-height更可靠实现垂直居中。
-
本文介绍使用原生JavaScript对多步骤表单进行逐步验证的方法，重点解决文本框、下拉选择、单选组（radiogroup）的必填校验逻辑，确保用户只有填完当前步骤所有必填项才能进入下一步，同时提供清晰的错误反馈。
-
事件委托本质是利用事件冒泡，将监听器绑定在稳定父元素上，通过event.target.closest()安全匹配目标元素，避免重复绑定与内存泄漏，不适用于行内事件或冒泡被阻断等场景。
-
本文详解如何在网页加载遮罩层中，动态选取随机文案，并通过纯JavaScript实现平滑、可控的逐字打字机效果，兼容现代浏览器且无需第三方库。
-
按钮点击样式不生效主因是:active伪类未触发，因元素不可激活或缺失tabindex/role；:active仅瞬时生效，持续状态需JS切换类名；框架优先级、移动端延迟、事件目标错位亦为常见原因。
-
能，flex-wrap:wrap可解决子元素换行溢出，但需父容器设display:flex且子元素总宽超容器；若无效，常因未启flex布局、子项设flex-shrink:0或white-space:nowrap等干扰因素。
-
z-index只影响同层叠上下文内的兄弟元素，无法使子元素盖过父元素；父元素设position非static且z-index（含0或auto）即创建新层叠上下文，子元素z-index仅在该上下文中生效。
-
navigator.geolocation.getCurrentPosition()失败主因是安全上下文缺失、用户拒绝授权、设备无定位能力或未设error回调；需配enableHighAccuracy、timeout、maximumAge等options参数，并用permissions.query判断权限状态。
-
DOM操作重在安全高效可维护：优先用textContent防XSS与重排，getElementById因底层索引比querySelector快且稳妥，动态元素须用事件委托，批量修改应避免频繁重排重绘。
-
vw/vh“不听话”因基于视口尺寸且受地址栏收放、横竖屏影响而突变；应优先用100dvh，降级用JS更新--vh变量；vmin/vmax适用于约束极端比例，非等比缩放；mix-blend-mode需配合isolation:isolate；calc内运算符前后须有空格，不可嵌套。
