-
模态框缩放动画卡顿或闪动，主因是transform-origin不匹配、visibility/display切换不同步、父容器尺寸未固定或height:auto触发重排；应显式设transform-origin:center，仅用opacity和transform:scale()，配合visibility:hidden与transition延迟隐藏，并确保容器宽高明确。
-
HTML标签无固定权重，SEO核心在于结构合理、语义清晰、关键信号准确暴露；title为页面意图首要依据，h1须与之逻辑自洽；h1唯一且概括主旨，h2-h4需按层级规范使用；main、section、figure等标签划定内容边界，提升爬虫解析准确性。
-
在前端开发中，可以通过CSS选择器实现模态框的显示控制，核心方法有1.利用:target伪类和2.使用“CheckboxHack”。1.:target伪类通过URL哈希与元素ID匹配来触发显示，点击关闭链接可清除哈希从而隐藏模态框；2.CheckboxHack则通过复选框的:checked状态结合兄弟选择器控制模态框的可见性。尽管这两种方式无需JavaScript且性能较优，但也存在明显局限，如关闭逻辑受限、多模态框管理困难、缺乏状态管理及无障碍支持不足等。因此，纯CSS方案适用于静态简单的场景，而涉及复
-
Less的color()函数仅用于解析颜色字符串，不能生成颜色梯度；应使用hsl()、lighten()等函数配合递归mixin实现色相渐变。
-
应避免使用document.execCommand()插入列表，因其在Chrome、Firefox、Safari中行为不一致，且在contenteditable="false"环境下静默失败；推荐手动DOM操作构建ul/ol结构以确保可控性与稳定性。
-
不能直接代理window或全局对象监控非法数据变更，因fetch、XMLHttpRequest等关键API不可写不可配置；应聚焦函数调用入口，在fetch和XMLHttpRequest.prototype.send入口重写并透传上下文，覆盖console方法提取参数与调用栈，用WeakMap关联behaviorId形成行为链，规避代理定时器、defineProperty及Proxy自身等高危操作。
-
Less中url("@{var}/img.png")不生效，因变量需用~"@{var}/img.png"强制插值；路径值须匹配构建工具规则（如Vite用/img，Webpack用../assets/img），且应统一定义于paths.less中导入。
-
Vue组件中卸载定时器最稳妥方式是用ref存timerID，在onMounted启动、beforeUnmount清除并置空；keep-alive场景需配合onActivated/onDeactivated双保险；推荐封装为自动清理的自定义Hook。
-
Fiddler不拦截WebSocket连接失败的握手请求，需先确认请求是否发出及是否被代理阻断或协议绕过；若看不到CONNECT请求，应检查代理配置、禁用QUIC、开启HTTPSCONNECT捕获并排查端口拦截。
-
WeakMap本身不能实现跨标签页通信，仅限单个执行上下文；它可安全封装本页内跨页通信的私有元数据（如BroadcastChannel实例、监听器映射），依托弱引用实现宿主对象销毁时自动清理，避免内存泄漏和幽灵监听。
-
autocomplete属性值必须为WHATWG规范定义的标准关键词（如email、tel、given-name、street-address）才有效，写错或自定义（如user_name、mobile）会被浏览器直接忽略。
-
带参数的LessMixin必须显式声明默认值，否则未传参时编译报错中断；正确写法为在参数后用冒号设默认值、分号分隔，且所有参数均应设默认值以防编译失败。
-
MediaQueryList接口是媒体查询响应式核心，window.matchMedia()仅是创建其实例的工厂函数；它提供matches属性和addEventListener()方法实现状态监听，需手动检查初始状态且注意语法正确性。
-
JavaScript数组高阶函数如map、filter、reduce等接受函数参数并返回新数组或值，支持不可变性；链式调用通过方法连续执行实现数据流转，如过滤、映射、汇总；实际用于处理用户数据时可清晰表达逻辑，但需注意性能与可读性平衡。
-
CSS变量本身不支持transition，必须将其绑定到color等可动画的原生属性上并对其声明transition，变量更新后原生属性值重算才能触发过渡。
