-
JavaScript内存泄漏排查核心是定位“本该被回收却一直存活”的对象，依赖ChromeDevTools内存面板拍快照对比，重点关注闭包、事件监听器、定时器、DOM引用及全局缓存导致的泄漏，并通过及时解绑、清空引用、清理定时器等修复。
-
图片不显示主因是src路径错误，基准点为HTML文件所在目录；以/开头为网站根目录绝对路径，无/或./开头为相对路径，../向上退一级；本地双击仅支持相对路径，服务器环境可兼用两种；需检查Network面板状态码、文件名大小写及扩展名一致性。
-
CSS盒模型与伪元素::before、::after结合可提升视觉与布局效率。伪元素具独立盒模型，默认为行内元素，可通过display调整类型，依附宿主但可单独设置样式，常用于添加装饰或辅助布局。利用content、padding、border、margin控制空间，可实现角标、双重边框、渐变遮罩等效果；在布局中支持清除浮动、创建三角箭头、扩展点击区域。使用时需声明content属性，注意pointer-events交互设置，避免滥用以保性能，兼顾可访问性。掌握其组合逻辑，能在无额外DOM下实现高效设计。
-
XMLHttpRequest的timeout必须在open()后、send()前设置，单位毫秒，且需绑定ontimeout事件；超时仅作用于网络传输阶段，responseXML为空时需主动判空，弱网下推荐首载timeout=8000ms。
-
雷神电脑播HTML5视频不额外发热，但硬件加速未启用或失效会导致CPU软解高负载升温；需检查chrome://gpu或about:support确认硬解状态，开启BIOS中VT-d，切换平衡电源模式并关闭TurboBoost。
-
Vue3的reactive通过Proxy实现响应式，支持深层监听、动态增删属性、数组索引赋值及Map/Set等结构，采用懒代理、依赖收集与触发更新闭环机制。
-
Proxy中捕获属性读取应优先用Reflect.has(target,prop)判断是否存在，避免用target[prop]===undefined误判或漏查原型链；Reflect.get不会因属性不存在抛错，需主动判断；错误信息应友好，如用constructor.name和拼写提示；Proxy实例可能影响instanceof，需对constructor、Symbol.toStringTag等特殊键单独处理。
-
高亮行颜色不明显主因是透明度（alpha）过高，应优先调低alpha值至0.2–0.35（深色主题可升至0.45），配合font-weight:500或左竖条边框增强识别，避免使用opacity。
-
Bootstrap网格系统基于12列布局，通过.container或.container-fluid与.row组合实现响应式排版，配合xs、sm、md、lg、xl断点类控制不同设备下的列宽与排列。
-
JavaScript模拟私有状态有三种主流方式：闭包封装（构造函数内声明变量并暴露方法）、工厂函数（返回对象，语义清晰）、WeakMap（键为实例，支持原型复用且垃圾回收友好），但均为约定式保护，新项目应优先使用ES2022私有类字段#field。
-
不能用rotate()做波浪背景，因其使整条路径歪斜错位而非横向流动；正确做法是用translateX()平移SVG路径实现无缝循环，配合多层错速位移与透明度衰减模拟真实海浪层次。
-
:placeholder-shown是唯一靠谱的纯CSS空状态检测方式，因:empty对input无效，CSS无法监听value变化，而该伪类原生语义化反映placeholder显示状态。
-
根本原因是content-visibility:auto跳过不可见元素渲染，导致其DOM占位高度默认为0px；当元素进入视口渲染时高度突变，引发文档高度重算和滚动条抖动。
-
flex-direction决定主轴方向，影响子元素排列走向及justify-content、align-items的行为逻辑：row（左→右）、row-reverse（右→左）、column（上→下）、column-reverse（下→上），且与书写方向无关。
-
HTML本身不能做数据权限控制，真正起作用的是后端在查询时就过滤数据，如SQL中添加WHEREcreator_id=?，确保返回的JSON不包含用户无权查看的行或字段，前端仅依据后端提供的权限标记（如editable、actions）动态渲染UI。
