-
应使用自定义指令v-click-outside，通过el.contains(event.target)判断点击是否在弹窗外部，配合mounted/unmounted绑定/解绑document点击事件，确保SSR兼容与多弹窗隔离。
-
必须为html和body显式设置height:100%或100vh，否则仅父容器设height:100vh会导致子元素塌陷；全屏布局中优先用flex:1而非height:100%传递高度，移动端建议用100dvh替代100vh。
-
worker_threads仅能缓解CPU密集型阻塞，对同步I/O（如fs.readFileSync）、同步解析或忙等待等阻塞事件循环的操作无效，主线程仍会卡死。
-
HTML5正式支持约20个rel值，但仅部分被主流浏览器实现：stylesheet（唯一触发CSS加载）、icon（需type和sizes）、preload（须配as）、prefetch（空闲低优先级）、preconnect（单域名）、dns-prefetch；noopener/noreferrer仅对target="_blank"有效；alternate/author/next等慎用；第三方服务要求的rel值需严格按规范配as、crossorigin等属性。
-
CSS选择器用于选中HTML元素并应用样式，包括：1.元素选择器通过标签名选元素；2.类选择器用.选class属性；3.ID选择器用#选唯一id；4.属性选择器根据属性或值选元素；5.后代选择器用空格选内部后代；6.子元素选择器用>选直接子元素；7.相邻兄弟选择器用+选紧接的下一个兄弟；8.通用兄弟选择器用~选之后所有同级元素；9.伪类选择器选特定状态或位置；10.伪元素选择器选虚拟部分如::before和::after；11.通配符选择器*选所有元素。掌握这些可满足多数样式需求。
-
Bootstrap5默认不支持多级下拉菜单，因JS仅处理一级子菜单且无默认CSS；需用:hover纯CSS实现桌面端二级展开，或结合JS+aria属性确保移动端与无障碍兼容。
-
JavaScript响应式设计是在CSS媒体查询划定断点基础上，用JS动态适配交互、内容加载和DOM结构，实现视觉与行为双重适配；需通过matchMedia同步CSS断点，避免仅依赖window.innerWidth，并与CSS协同确保呈现规则与行为策略一致。
-
合理组织数据、减少GPU调用并利用硬件能力是WebGL高性能渲染的关键。1.着色器应简洁，避免片元着色器复杂计算与分支；2.静态数据一次性上传，动态数据局部更新，合并缓冲减少drawcall；3.按材质分组渲染，使用纹理图集，缓存状态减少切换；4.正确启用深度测试，关闭不必要的混合；5.利用FBO进行离屏渲染，复用中间结果；6.使用开发者工具监控性能，结合视锥剔除与LOD优化绘制量。
-
BlockTree、静态提升与动态节点标记协同优化Vue3运行时性能：BlockTree按动静分离划分更新边界，静态提升将不变节点缓存复用，动态标记精准限定diff范围。
-
IE已于2022年6月15日终止支持，仅两类场景需兼容：维护中的老旧内网系统（如IE11）或合同强制要求；判断依据为UA占比＜0.1%、合同条款及依赖库是否原生支持。
-
本文用搜索框快速输入后结果倒退的现象入手，逐步复现旧响应覆盖新结果的问题，并用 AbortController 取消旧请求、请求序号只认最新响应，保证前端列表状态稳定。
-
本文讲解如何在不使用replace()的前提下，将字符串首尾及中间的连续空格统一处理：先去除首尾空白，再将所有连续空白序列替换为单个连字符，并转为小写，最终生成符合URL规范的slug字符串。本文讲解如何在不使用`replace()`的前提下，将字符串首尾及中间的连续空格统一处理：先去除首尾空白，再将所有连续空白序列替换为单个连字符，并转为小写，最终生成符合URL规范的slug字符串。在函数式编程实践中，构建URL友好的slu
-
background-clip:text未生效是因为未同时满足color:transparent和-webkit-background-clip:text；Firefox不支持该属性，需用@supports提供降级样式。
-
super关键字在JavaScript类继承中用于调用父类构造函数、方法和属性，其绑定基于类定义时的静态连接而非动态绑定。在子类构造函数中必须调用super()以初始化父类并绑定this；在实例方法中使用super.method()时，会从父类原型查找方法；在静态方法中则访问父类的静态方法。JavaScript引擎通过[[Prototype]]链建立子类与父类的关联，并利用[[HomeObject]]机制确保super沿正确原型链向上查找。super只能在子类方法中使用，箭头函数无独立super而继承外层
-
">
::slotted(*)仅能设置直接插入slot的顶层元素样式，无法影响其子元素或使用复合选择器；需由内容提供方加class或用全局CSS配合:is()实现深层样式控制。
