-
根本原因是<marquee>被HTML5废弃，属浏览器兼容性残留；Chrome部分支持，Firefox默认禁用，Safari完全忽略，应改用CSS@keyframes+transform:translateX()实现硬件加速滚动动画。
-
Array.from()可将类数组或可迭代对象转换为真数组，1.它通过识别对象的length属性和索引或Symbol.iterator接口实现转换；2.常用于处理NodeList、arguments或自定义类数组对象；3.支持第二个参数映射函数，实现转换时同步处理元素；4.与[...spread]相比能处理不可迭代的类数组，与slice.call相比语法更清晰且支持映射；5.可生成指定长度数组、转换Set/Map、结合thisArg使用；6.注意仅适用于类数组或可迭代对象，对普通对象返回空数组，且为浅拷贝
-
用伪元素+opacity实现渐变背景平滑切换最可靠：因CSS渐变不可动画，需用::before和::after承载新旧渐变，通过opacity过渡模拟淡入淡出，避免跳变。
-
应检查并重置white-space:nowrap为normal，设置明确width值，避免word-break:keep-all，优先用flex/grid替代float。
-
ChromeDevTools断点需设在可执行语句（如if、赋值），避开var声明/空行/注释；压缩代码须启用SourceMap，动态脚本需Blackbox；条件断点、debugger语句、异步回调断点及console高级用法（table/group/time）可提升调试效率。
-
本文介绍如何利用JavaScript的rest参数语法，让函数能接收任意数量的回调函数作为参数，避免硬编码参数名，提升代码复用性与可维护性。
-
模板字面量是JavaScript中唯一支持多行、表达式嵌入、标签函数和原始字符串解析的字符串构造机制，必须用反引号定义，支持运行时表达式求值、标签函数拦截及String.raw原始解析。
-
JavaScript的Iterator接口是一种统一的遍历协议，其核心是通过实现Symbol.iterator方法使对象可迭代，具体步骤为：1.对象需实现Symbol.iterator方法，返回一个迭代器；2.迭代器必须有next()方法，每次调用返回{value,done}对象；3.done为true时遍历结束，value通常为undefined。例如自定义createRangeIterator函数生成指定范围数字，通过[Symbol.iterator](){returnthis;}让迭代器自身可遍历，
-
Tailwind的disabled:变体需元素真实携带disabled属性才生效，JIT模式下开箱即用但依赖HTML正确渲染；若未启用插件、未同步设置disabled属性或使用非原生可禁用标签，则样式不触发。
-
合理使用grid-template-areas可解决多层嵌套CSS网格布局的混乱问题，通过为每层容器独立定义语义化命名区域，如header、main、footer，并确保子网格不继承父级行列结构，避免深层元素误入外层网格；例如父级用"headhead""navmain"划分区块，子网格在main内再定义"content""ad"，使各层布局解耦；关键在于每层仅管理直接子元素，不跨容器定位，用padding或margin替代跨轨道调整，从而提升可读性与可维护性，防止错位。
-
WebSocket连接失败：检查newWebSocket()的URL格式浏览器里newWebSocket()报错“Errorinconnectionestablishment”，八成是协议或地址写错了。WebSocket不是HTTP，不能用http://或漏掉协议前缀。正确写法必须是wss://example.com/ws（生产）或ws://localhost:8080（开发），ws和wss都要小写，且不能带路径参数如?token=xxx（得走head
-
音频同步应以audio.currentTime为唯一时间源，在requestAnimationFrame中读取并校正，seek后需监听seeked事件重置状态；高精度需求须用WebAudioAPI配合context.currentTime；移动端需用户手势触发播放并防御性处理加载间隙。
-
::first-letter仅对块级容器或table-cell等形成独立格式化上下文的元素生效；作用于inline元素如<span>时浏览器直接忽略，需设display:block或inline-block，并避免父级font-size:0等干扰。
-
Symbol.iterator是对象可被for...of遍历的必要条件，其返回值必须是含next()方法的迭代器，且next()每次调用须返回{value,done}；常见错误包括缺失done、this未实现next、箭头函数导致this绑定失效；Range类需确保[Symbol.iterator]是普通函数、每次返回新迭代器、done为true后仍稳定返回{done:true}。
-
position:sticky的悬停效果依赖最近的滚动祖先容器，当父级设置overflow:auto/hidden时，sticky会以该父级为边界而非视口。正确做法是确保目标容器明确设置overflow-y:auto并限定高度，使sticky标题在局部滚动区域内悬停，同时检查祖先元素避免意外截断。
