-
本文介绍如何扩展表格搜索功能，使其支持匹配<a>标签的href属性值，并在子行匹配时自动显示其所属的父行（无需id依赖），通过修改文本提取逻辑与层级遍历实现精准过滤。本文介绍如何扩展表格搜索功能，使其支持匹配``标签的`href`属性值，并在子行匹配时自动显示其所属的父行（无需`id`依赖），通过修改文本提取逻辑与层级遍历实现精准过滤。默认的表格搜索仅遍历单元格的可见文本（textContent），因此无法捕获<
-
好的CSS调色工具不能替代设计决策，但能减少试错、避免手输错误、快速验证对比度与可访问性；浏览器开发者工具内置取色器支持HSL/HEX/RGB切换及眼滴管取色，Figma插件Stark和Contrast可实时检测WCAG合规性并模拟色盲视图，VSCode插件ColorHighlight和Pigment则实现色值所见即所得及变量提取。
-
必须将BEM与7-1架构绑定使用，因BEM解决类名冲突，7-1解决文件级混乱；components/下每个Block文件须独占一个SCSS文件，Modifier必须基于Block顶层声明且显式组合，abstracts/中禁止出现BEM类名字符串。
-
font-weight未生效的主因是字体不支持对应字重，需通过DevTools检查计算值及字体文件是否存在；其次注意加载顺序、简写语法缺失font-family、打印/移动端兼容性等问题。
-
外边距合并是CSS规范行为，指相邻块级元素垂直方向的margin取较大值而非相加；父元素无border/padding/BFC时会与首尾子元素margin合并；可通过Computed面板验证，解决方法包括创建BFC、用padding替代margin、加透明边框或改用Flex/Grid布局。
-
闭包不直接提供负载均衡，但通过封装分片上下文、绑定错峰延迟、共享控制信号、组合错误策略，实现时间错峰、资源均摊、失败隔离的“负载均衡感”。
-
不能直接用watch监听Pinia状态同步到数据库，因浏览器无法直连数据库且watch无网络能力；应通过$subscribe标记变更、防抖后调用API由后端落库，并结合本地持久化与服务端校验保障一致性。
-
给<img>直接加opacity会使图片和水印一同变淡，无法实现水印效果；应通过::after伪元素控制覆盖层透明度，且必须设置content:""，父容器需position:relative并具有明确宽高，配合transform:translateZ(0)防止模糊。
-
响应式图片需用max-width:100%+height:auto防止拉伸变形；父容器应设box-sizing:border-box；配合srcset/sizes按条件加载合适尺寸图；宽高比不匹配时可用object-fit:cover/contain。
-
可通过cmd使用start命令调用默认浏览器打开HTML文件，如startindex.html；2.也可指定浏览器路径直接启动，如用Chrome打开需输入完整路径加HTML文件名；3.还能通过PowerShell执行Invoke-Item命令实现相同效果，适用于自动化脚本。
-
可用纯CSS实现抽象化猫Loading动画：通过clip-path裁剪与transform逐帧驱动，配合@keyframes控制耳朵抖动（错峰延迟+非线性缓动）、眯眼呼吸（异步scaleY+自定义cubic-bezier）及顿挫式尾巴摆动（steps(2,end)）。
-
border-spacing没反应最常见的原因是border-collapse被设为collapse，此时该属性被浏览器忽略；必须显式设置border-collapse:separate且作用于table元素，其第一个值控制列间距、第二个值控制行间距。
-
CSS.registerProperty使CSS知晓自定义属性为可动画数值并支持插值，从而让JS驱动的物理动画（如弹簧、惯性）能与CSS变量联动并享受GPU加速渲染。
-
两个iframe不能直连MessageChannel，因端口不可序列化、不可跨域传输，且同源下也需共同父页中转；必须由parent创建并分发端口对，A与B间需独立通道，端口须及时start()和close()。
-
navigator.maxTouchPoints是判断设备触摸能力最语义清晰、兼容性好且被MDN推荐的方式，返回值大于0表示系统级支持多点触控，结合matchMedia可精准识别当前主交互方式。
