-
createElement创建XML节点必须用document.createElementNS；动态添加属性须用setAttributeNS；文本内容需用createTextNode；序列化须用XMLSerializer.serializeToString。
-
直接用@each遍历$themes生成主题规则可行，但必须用@mixin封装并注入变量，否则因作用域缺失导致样式失效；生成:root[data-theme]时需用#{}插值确保属性值正确，且Sass、HTML、JS三端命名须严格一致。
-
最常见的原因是父容器未设perspective或卡片未开启3D渲染上下文；需父容器设perspective，卡片加transform-style:preserve-3d，正反面设backface-visibility:hidden并初始化rotateY值。
-
能，但必须满足三个硬性条件：usemap值带#、<map>的name严格匹配、<area>坐标基于原始图片像素；漏掉任一条件热区完全不响应且无报错。
-
HTML不是编程语言，只需掌握标签用法即可构建网页；标签如<h1><p><img>用于定义内容结构而非执行逻辑；必须包含DOCTYPE、lang和charset三要素；应优先使用语义化标签如<nav><main><article>；表单需正确设置action、method、type、name等属性。
-
every()对应“与”逻辑（全真才真，遇假即停），some()对应“或”逻辑（一真即真，遇真即停）；二者均支持短路，空数组时every返回true、some返回false，且回调必须明确返回truthy/falsy值。
-
Less中相对路径资源404的根源是编译时按less文件位置解析，而运行时浏览器按CSS位置请求；应统一用public目录或配publicPath+less-loaderpaths确保路径对齐。
-
onpaste属性支持所有HTML元素，但仅input、textarea默认触发；其他元素需设contenteditable="true"，且不能被overflow:hidden或pointer-events:none拦截；读取clipboardData须在用户手势同步上下文中进行，否则为空。
-
百度地图JSAPI已停用新账号注册且限频，常见报错“BMapisnotdefined”源于SDK未加载或ak无效；地理编码接口不可靠，容器空白多因CSS宽高缺失或隐藏导致。
-
构建基于全链路耗时打点的前端性能“漏斗模型”，核心不是单纯看页面加载快慢，而是把用户一次关键交互（比如点击下单、提交表单、播放视频）拆解成若干有先后依赖的技术环节，每个环节记录真实耗时与成功状态，从而定位“卡在哪一步”“为什么失败”。它和传统业务漏斗互补：业务漏斗告诉你“谁没走到最后”，性能漏斗告诉你“走到这步的人，为什么卡住或放弃”。明确关键交互路径与技术节点先锁定你要分析的用户动作，再逆向拆解其背后的技术链路。不能只写“下单成功”，要细化到可测量的原子事件：用户点击“立即购买”按钮（交互
-
@import的layer选项用于将导入样式表显式放入命名层叠层，需满足顶层位置和合法层名两个前提；常见失效原因包括嵌套在条件规则内、层名不一致、导入顺序错误及混用匿名与具名层。
-
LitHTML模板需用html函数包裹，插值中只放文本、数字、布尔值、nothing或html调用结果；响应式字段须加@property()装饰器；事件处理器需绑定this；样式须通过staticstyles定义。
-
不能直接代理window或全局对象监控非法数据变更，因fetch、XMLHttpRequest等关键API不可写不可配置；应聚焦函数调用入口，在fetch和XMLHttpRequest.prototype.send入口重写并透传上下文，覆盖console方法提取参数与调用栈，用WeakMap关联behaviorId形成行为链，规避代理定时器、defineProperty及Proxy自身等高危操作。
-
Nginx代理WebSocket升级失败的主因是Upgrade和Connection头未正确配置，而非证书问题；必须设置proxy_http_version1.1、proxy_set_headerUpgrade$http_upgrade、proxy_set_headerConnection"upgrade"，并确保路径、域名、协议严格匹配。
-
border-bottom不支持transform动画，故需用::after伪元素实现动态底划线；须设position:relative于菜单项、absolute于::after，并用transform:scaleX()配合transform-origin控制滑入或居中展开效果。
