-
闭包是JavaScript模拟类私有字段最成熟、兼容性最广的传统方案，通过函数作用域隔离变量实现外部不可直接访问、仅能通过返回方法间接操作的私有性。
-
用console.log配合%o占位符和自定义#debug-panel容器实现可折叠调试面板，通过MutationObserver监听DOM变化并节流更新，仅在data-debug属性存在时启用，避免生产环境泄漏。
-
是的，打印时颜色变灰或消失通常因使用rgba()等含alpha的颜色函数，打印机不支持透明度；应统一替换为rgb()或十六进制色值，并检查SVG、组件库等隐含来源。
-
Object.seal仅禁止增删属性及修改描述符，不改变writable状态，故可写属性值仍可修改；它不提供原子性、同步或线程安全保证，仅用于单线程下对象结构保护。
-
Canvas流体效果本质是粒子系统加速度场更新：用800–2000个粒子在二维速度场中运动，以显式欧拉法积分，贝塞尔曲线连接邻近粒子；关键在速度场计算、粒子响应与防抖连点逻辑。
-
AbortSignal.timeout仅在Chromium120+、Firefox125+、Safari17.4+原生支持，旧版抛TypeError；需运行时检测，降级须用Promise.race且注明网络层未中断；timeout单位为毫秒但建议配置用秒并校验，Node.js行为与浏览器不等价；熔断需区分错误类型，timeout时error.code为'ABORT_ERR'；并发请求必须独立signal，避免误中断。
-
componentInternalInstance是Vue3中VNode指向其所属组件内部实例的只读属性，承载响应式更新、生命周期调度与渲染上下文管理；仅组件类型VNode有效，普通节点为null。
-
hover伪类不生效主因是父元素无内容或高度为0导致无法悬停；需确保元素可见、未被pointer-events:none拦截，注意移动端无效应改用:active或媒体查询@media(hover:hover)。
-
IntersectionObserver比getBoundingClientRect更适合检测可见性，因其是浏览器原生异步回调机制，不阻塞主线程且自动节流；而后者需手动轮询或绑定scroll事件，频繁调用易触发重排导致卡顿。
-
JavaScript单例模式核心是确保多次调用始终返回同一实例引用，常用闭包缓存或ES6私有静态字段实现，单线程下天然线程安全，推荐直接导出实例以保证模块级唯一。
-
ins和del是语义化标签，分别表示插入和删除内容，必须成对闭合、正确嵌套并合理设置display样式；diff转HTML需逐行解析与转义；cite和datetime属性须规范使用以保障可访问性与语义准确性。
-
移动端CSS媒体查询不生效，90%以上因viewportmeta标签缺失、位置错误或重复；必须唯一且置于head最前，禁用max-device-width而改用max-width，并排除CSS语法错误与优先级冲突。
-
需手动维护世界坐标到像素的映射关系，用ctx.transform()控制缩放平移，鼠标事件需反向计算逻辑坐标，避免重设变换影响UI，禁用DOM模拟以保渲染精度与性能，导出时须处理devicePixelRatio并关闭抗锯齿。
-
AtomicCSS并未消除样式覆盖，而是将不可控的权重竞争转为可预测的就近覆盖；所有原子类权重恒为(0,0,1,0)，覆盖仅由HTML中class书写顺序决定，失效主因是拼写错误、响应式未触发、Purge误删或作用域隔离。
-
首先安装Web开发工作负载，再创建或打开HTML项目，设置启动页后通过IISExpress运行，或右键文件在浏览器中直接预览。
