-
<p>HTMLCollection总是动态的，由getElementsBy*方法返回，自动响应DOM变化；NodeList可能静态（如querySelectorAll返回）或动态（极少见），现代浏览器中childNodes也返回静态NodeList。</p>
-
移动端CSS过渡失效主因是属性不可合成、未启硬件加速、层叠上下文截断及touch事件延迟；应优先用transform/opacity、加translateZ(0)、touchstart即时触发、≤0.2s短时长并降级适配低性能设备。
-
在Jest中测试HTML元素类型（如HTMLLabelElement）时，需启用JSDOM环境并正确配置TypeScript类型支持，否则会因全局DOM接口未定义而抛出ReferenceError。本文详解配置步骤、代码写法及常见陷阱。
-
URLSearchParams是JavaScript原生接口，用于安全解析和构造URL查询参数；适用于读取地址栏参数、拼接带参链接或动态更新搜索条件等场景。
-
推荐用grid-template-columns:repeat(auto-fit,minmax(280px,1fr))实现自适应列数，auto-fit合并空轨道，minmax控制每列弹性范围，配合box-sizing:border-box和卡片内部流式布局，避免固定宽高导致错位。
-
用户在表单中上传NFT面临的主要技术挑战包括钱包连接的兼容性问题、高昂或不稳定的Gas费导致交易失败或延迟、去中心化存储（如IPFS）中文件固定与长期可访问性的保障、用户对区块链操作缺乏认知带来的体验障碍，以及跨链支持带来的开发复杂性，这些因素共同影响着功能的稳定性和用户的最终体验。
-
通过CSS的:focus伪类和transition实现输入框边框颜色动画，聚焦时边框平滑变色，结合box-shadow与@keyframes可创建脉冲等动态效果，提升表单交互体验。
-
AbortSignal.timeout()仅提供基础超时控制，需手动组合熔断（状态机+失败计数+时间窗口）和自愈（半开探测+指数退避）能力，最终封装为按key隔离的safeFetch函数。
-
overflow与position结合使用时需注意裁剪和定位规则：1.overflow:hidden会裁剪absolute元素，影响下拉菜单显示；2.overflow:clip限制fixed元素范围，使其相对祖先而非视口定位；3.absolute容器可通过overflow-y:auto实现内部滚动；4.避免因层叠上下文错乱导致的渲染问题，合理调整DOM结构与样式优先级。
-
移动端优先需HTML核心信息前置+flexorder重排视觉顺序，禁用display:none避免影响可访问性与SEO，通过纯HTML结构验证、屏幕阅读器测试及Lighthouse审计确保实效。
-
for循环在多数场景下仍是最快选择，因现代引擎深度优化；forEach适合副作用操作但无法中断；map/filter等声明式方法应按需使用，注意性能开销；for...of兼顾可读性与控制力；真正瓶颈常在循环体内操作。
-
canvas标签本身不绘图，必须通过JavaScript调用getContext("2d")获取2D渲染上下文才能绘图；需先用document.getElementById()获取canvas元素，且宽高须用HTML属性而非CSS设置，否则导致失真；绘图前须注意坐标系、fillStyle、beginPath()及手动清屏等默认状态问题。
-
background-clip:text不生效主因是未设color:transparent；仅WebKit内核原生支持，Firefox需加-webkit前缀及-webkit-text-fill-color:transparent；推荐分层封装SCSS混合宏，base处理透明与clip，上层组合渐变；禁用text-stroke与background-clip同用；iOS15.4前需JS特性检测降级。
-
节流函数必须用闭包，因为需在多次调用间私有持久地共享lastTime或timer状态；不用闭包则依赖全局变量，导致污染、竞态及多实例冲突。
-
CSSHoudini通过多个API让JavaScript直接操作浏览器渲染引擎，实现更灵活的样式控制。1.CustomPropertiesandValuesAPI支持定义带类型的CSS变量并进行动画；2.TypedOMAPI提供带单位的数值对象，提升性能和安全性；3.CSSParserAPI允许自定义CSS解析规则；4.PaintAPI通过PaintWorklet实现自定义绘制效果，如棋盘格背景；5.AnimationWorkletAPI创建高性能线程级动画；6.LayoutAPI自定义布局算法，如瀑布流
