-
通过设置CSSpointer-events:none禁用子元素的指针事件捕获能力，使拖拽事件（如dragenter/dragleave）直接由容器捕获，避免因子元素覆盖导致的频繁触发与状态错乱。
-
统一box-sizing:border-box、按语义选单位（rem/em/px/fr/%）、组件尺寸含padding/border、margin交由父级控制——这是CSS组件封装中避免尺寸失控的四大核心原则。
-
WeakMap和WeakSet通过弱引用实现内存安全的对象关联与状态跟踪。1.WeakMap以对象为键，用于私有数据封装、缓存计算结果和DOM元信息管理，对象销毁后键值对自动释放；2.WeakSet存储对象，用于防止重复操作、对象去重和临时标记，支持唯一性判断且不阻止垃圾回收；3.二者均不可遍历、无size属性，核心优势是避免内存泄漏，适用于需自动内存管理的场景。
-
Promise是为解决回调地狱设计的异步抽象，不执行异步操作而管理其生命周期；构造时需传入执行器函数，内含由引擎注入的resolve/reject；then/catch链式调用返回新Promise，async/await是其语法糖但错误处理更直观。
-
1、将记事本代码保存为"index.html"并选择“所有文件”类型；2、双击文件或右键用浏览器打开可查看网页效果；3、修改后保存并在浏览器刷新即可实时预览更新内容。
-
Chromebook完全可以开发HTML页面，只需浏览器渲染；关键在于工具选择、预览方式及权限限制——启用Linux可装VSCode，否则用WebIDE；本地双击HTML会因安全策略失败，需起本地服务；触控板与键盘适配需调整快捷键设置。
-
IndexedDB中cursor是指向当前记录的异步指针，非可迭代对象，故不能用for...of遍历；必须在onsuccess回调中通过continue()或advance()推进，并检查cursor是否为null来终止遍历。
-
JavaScript模块系统不改变引擎GC机制，但模块加载方式、作用域和导出引用显著影响对象生命周期：ES模块单例绑定延长变量存活时间；循环依赖与闭包隐式维持强引用；动态import提供可控回收机会；打包工具可能加剧隐式引用问题。
-
纯CSS3D可实现骰子旋转动画：需用perspective容器+6个绝对定位面，通过translateZ和rotateX/Y/Z定位；用JS动态注入随机旋转变量配合cubic-bezier缓动，禁用动画中按钮并优化移动端GPU渲染。
-
表单自动填充应按语义开启，密码类等特殊字段必须关闭；autocomplete="off"常失效，应改用语义化值如new-password、tel、cc-number等，并确保前后端语义一致。
-
JavaScript模板字符串用反引号包裹，支持多行文本、变量插值、嵌入任意表达式、标签函数定制解析、缩进控制及与解构/可选链等语法结合，大幅提升代码表达力与可维护性。
-
核心区别在于是否保留文档流位置：visibility:hidden隐藏但占位，display:none彻底移出渲染树、不占空间。
-
答案是使用:disabled伪类可为表单元素设置禁用样式。当button等支持disabled属性的元素被添加该属性时，会自动匹配:disabled选择器，从而应用预定义样式，如改变背景色、文字颜色和光标形态，提升用户感知。例如通过CSS设置button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:0.6}实现视觉上的不可用状态。注意仅表单元素如button、input支持disabled属性和:disabled
-
应使用自定义指令v-click-outside，通过el.contains(event.target)判断点击是否在弹窗外部，配合mounted/unmounted绑定/解绑document点击事件，确保SSR兼容与多弹窗隔离。
-
在Jest中测试HTML元素类型（如HTMLLabelElement）时，需启用JSDOM环境并正确配置TypeScript类型支持，否则会因全局DOM接口未定义而抛出ReferenceError。本文详解配置步骤、代码写法及常见陷阱。
