-
可靠WebSocket重连需用Ref缓存socket和定时器，采用指数退避重试，组件卸载时清理连接与定时器，并在每次发送前校验readyState；useEffect清理函数必须显式调用socket.close()，事件监听须在effect内绑定并确保幂等性。
-
根本原因在于.grid-item未设position:relative，z-index不生效；且.grid-container若含transform、opacity<1或filter会创建隐式层叠上下文，锁死子项z-index。必须三步：设position:relative激活z-index、hover时显式提级z-index、配合transform-origin与overflow控制。
-
createGain是WebAudioAPI中控制音量最直接的节点，但必须显式连接到音频图谱（如源→gainNode→destination），且gain属性需用setValueAtTime等调度方法避免咔哒声；多音源需独立GainNode，主增益后建议加压缩器防削波。
-
实现HTML表单高对比度模式并提升可读性的核心是利用CSS的prefers-contrast媒体查询和无障碍设计原则，首先通过@media(prefers-contrast:high)为表单元素设置高对比度颜色、粗边框和清晰焦点，确保视障用户在系统开启高对比度时仍可操作；同时从字体、字号、行高、标签关联、视觉分组、间距布局和错误提示等多维度优化可读性，使用CSS变量实现颜色统一管理，便于维护；在复杂表单中应通过无障碍审计识别问题，按优先级逐步改造关键控件，并通过小步迭代和真实用户测试持续优化，最终实现符合
-
ChromeProfiler导出的是JSONTraceEventFormat文件，含多维trace数据；需用speedscope、perfetto或chrome-to-flame等工具转换为火焰图或pprof格式供第三方平台分析。
-
drop-shadow()不能可靠实现霓虹发光效果，因它不支持多层独立控制、无法精准衰减光晕、且在Safari和Firefox中渲染不稳定；真霓虹必须用text-shadow或box-shadow配合hsl()高亮度值与逐层递减透明度。
-
动态网页的本质是运行时生成内容，而非仅改文件后缀；前端最常用方式是JavaScript操作DOM并配合fetch加载数据，服务端动态需对应环境支持。
-
Object.hasOwn是ES2022引入的静态方法，用于安全、准确检测对象自身是否拥有指定属性，替代易受原型污染影响的hasOwnProperty；它不依赖原型链、支持null/undefined、参数为(obj,prop)，且类型更精确。
-
对象字面量简写可压缩低代码平台中自定义异步逻辑的生命周期代理代码：用方法简写替代function、计算属性名动态挂载钩子、解构+箭头函数代理异步调用、结合defineAsyncComponent实现懒加载。
-
VSCode默认不预览index.html，必须用LiveServer启本地HTTP服务才能真正运行；双击或拖入浏览器走file://协议会导致fetch、ES模块、跨级相对路径等全部报错，因浏览器安全策略拦截。
-
Provide/Inject是Vue跨层级通信与架构解耦的核心机制，基于响应式引用共享实现稳定数据传递、符号键保护、只读注入及与CompositionAPI深度协同，可替代Vuex/Pinia实现轻量状态分片。
-
反应力测试游戏必须用performance.now()而非Date.now()，因其精度达微秒级、单调递增且不受系统时钟影响；需配对keydown/keyup、禁用被动事件监听、显式清除定时器，否则会导致计时错误或负值。
-
JavaScript事件循环的核心是宏任务与微任务的结构性配合：每个宏任务执行完后必须清空全部微任务，才能执行下一个宏任务；宏任务如script、setTimeout、用户事件等定义节拍，微任务如Promise.then、queueMicrotask等在宏任务结束后强制插队并全部执行完毕。
-
Flex容器未生效需先确认display:flex是否作用于正确父元素且该父元素有可计算高度；rpx慎用于flex-basis等影响布局骨架的属性，避免跨设备尺寸偏差。
-
多层定位本质是包含块与层叠上下文的嵌套；每层absolute元素需父元素显式设position（relative/absolute/fixed/sticky）或触发包含块的属性（如transform），否则定位基准错乱；z-index失效多因中间层意外创建stackingcontext。
