-
var(--color)在ShadowDOM中回退fallback的根本原因是变量未声明在宿主或其祖先继承链上；必须显式在<my-button>等宿主元素上设--color，:root或body声明无效，且:host是唯一合法注入入口。
-
matches()比element.tagName更灵活语义化，支持CSS选择器语法实现复合条件匹配、精准类组合判断、事件委托中跨标签行为过滤，且现代浏览器兼容良好。
-
text-overflow:ellipsis仅对块级元素生效，需同时满足display为block/inline-block、white-space:nowrap、overflow:hidden且设置宽度；hover展开完整文本只能靠title属性或JS实现。
-
removeEventListener方法用于卸载之前通过addEventListener绑定的事件监听器，避免内存泄漏和重复触发问题。使用时需注意三点：1.传入与添加时完全相同的事件类型、处理函数引用及第三个参数；2.避免使用匿名函数，否则无法移除；3.确保捕获/冒泡阶段参数一致。常见问题包括this上下文不一致、匿名函数引用不匹配及参数不一致。解决方案有：1.始终使用具名函数；2.利用AbortController统一管理多个监听器，调用controller.abort()即可批量移除；3.采用事件委
-
Modal内容无法点击是因为.modal-backdrop的z-index意外高于.modal-dialog，根源在于父容器创建了新的层叠上下文（如transform、opacity<1），导致.modal-dialog的z-index失效；应检查祖先元素、确保定位属性有效，并优先使用data-bs-backdrop="false"等语义化方案。
-
writable属性描述符控制对象属性值是否可被重新赋值，需通过Object.defineProperty()设置；设为false后属性值锁定，赋值操作静默失败或抛TypeError，且不可逆除非configurable为true。
-
Number.isNaN更可靠，因它只对数字类型且值为NaN返回true，而全局isNaN会先强制转换类型再判断。替换时需确认参数已是数字类型、仅需排除NaN、不依赖类型宽容；否则行为突变。
-
对象字面量可作为轻量响应式Store基础：通过Proxy拦截+发布订阅实现流式更新，模块化扁平结构+明确初始化值保障可维护性，配合工厂函数与useStoreHook达成细粒度订阅。
-
pattern属性仅作前端格式提示，不保证数据合规，真正合规须依赖后端白名单校验与前端协同；其正则不加/^$/、需配title提示、移动端支持弱，且不可替代inputmode等输入体验优化手段。
-
页脚需用flex或grid布局实现多栏响应式，禁用float；必须加flex-wrap:wrap或grid-template-columns配合断点；每列用ul包裹链接以保障可维护性、无障碍和深色模式适配。
-
HTML表格与表单结合通过在<td>中嵌入输入元素实现结构化布局，适用于数据对齐和批量录入场景。1.该方式利用<table>的网格特性，使标签与输入框精确对齐，尤其适合后台系统和配置页面；2.可访问性需依赖<th>、scope和label的正确使用以确保屏幕阅读器解析准确；3.响应式方面存在局限，常通过overflow-x:auto或媒体查询将表格转为堆叠卡片式布局；4.现代开发更推荐Flexbox和Grid布局，因其具备更强的灵活性、语义性和响应支持，能自适应不同设备
-
loop属性仅对video和audio有效，必须作为布尔属性使用（如<videoloop>或video.loop=true），且需配合muted才能在现代浏览器中正常循环；iOSSafari还需playsinline并依赖用户手势触发play()。
-
计算属性因依赖字段未初始化而崩溃，本质是生命周期与依赖声明顺序不匹配；需确保data/setup中提供安全初始值，防御性处理异步数据，并避免在初始化阶段手动触发求值。
-
必须将@import替换为@use/@forward、全局函数调用加模块前缀、除法改用math.div()，否则DartSass3.0.0发布后项目将编译失败；第三方库问题需等其升级或临时降级sass至1.62.1。
-
绝对定位需父容器设position:relative；避免百分比top/left，优先用px或vh；object-fit与background-image定位逻辑不同；禁用缩放或用visualViewport校正；Flex/Grid中注意基线对齐。
