-
优先用CSSbackground-blend-mode解决背景图与文字颜色冲突，如multiply/screen/overlay；其次用伪元素遮罩层；再辅以filter微调；最终需前后端协同控制图片色域。
-
不能，subgrid不能直接替代传统嵌套Grid；它仅作用于直系子元素，需父容器设grid及轨道定义、子元素显式声明subgrid，缺一即退化；兼容性需双重@supports检测并配合CSS变量fallback。
-
length统计UTF-16编码单元数而非字符数，导致代理对字符（如?、?）length为2；应使用Array.from()、Intl.Segmenter或codePointAt()获取真实字符数。
-
@layer优先级由源码中声明顺序决定，第三方样式未包装则落入隐式顶层并高于所有显式层；必须用@importurl()layer()显式导入框架到指定层，且@layer声明须在顶层、不可嵌套。
-
drop事件未触发是因为dragover阶段未调用e.preventDefault()，浏览器默认拦截拖放；必须在dragover中阻止默认行为才能使drop执行，且drop中也要preventDefault防止文件被打开或下载。
-
本文教你用纯JavaScript（无需jQuery）批量为具有相同类名的HTML容器按1→2→3→1→2→3的规律动态添加test1/test2/test3类，实现视觉循环效果。
-
平滑指数退避需抖动+响应优先+令牌桶协同：用随机因子避免重试共振，优先采用Retry-After头，结合令牌桶限频；调度器须支持cancel/pause，时间计量改用performance.now()并节流localStorage同步。
-
form.elements是获取表单可提交控件最轻量标准方式，需确保控件有name属性、过滤disabled和非输入类元素，并正确处理checkbox/radio等同名多控件及结构化数据组装。
-
必须在第一行写<!DOCTYPEhtml>，否则浏览器进入怪异模式导致布局、盒模型、CSS解析不一致；它不是标签而是解析指令，前面任何字符（空格、注释、BOM）都会触发兼容模式。
-
Wireshark能抓到WebSocket数据包但默认不解析，因其必须捕获HTTPUpgrade握手过程（客户端GET+Upgrade头、服务端101响应）才能启用WebSocket解析；若抓包启动晚于握手完成，后续流量仅显示为TCP或乱码二进制。
-
应优先用<img>替代background-image实现全屏背景，因其支持srcset/sizes精准适配多DPR，避免CSS渲染模糊；纯色渐变用CSS，纹理用SVG内联，图标用<svg>元素。
-
点击穿透需作用于真正遮挡元素本身，父设pointer-events:none会使子元素auto失效，应抽离交互控件为兄弟节点或用伪元素模拟遮罩。
-
Word加载本地HTML图片慢的根本原因是其逐个同步解析img标签src路径且不支持缓存或异步，相对路径基准目录为临时工作目录而非HTML所在目录；解决方法是将图片统一复制到HTML同级media子目录，并将所有src改为相对路径如"media/xxx.png"，避免file://或UNC路径。
-
flex-direction:column本身不激活Flex布局，必须配合display:flex、父容器有高度（如min-height:100vh）、子项合理设置flex属性及overflow-y:auto才能实现垂直排列与滚动。
-
Object.assign()无法迁移事件监听器，因其仅复制可枚举自有属性，而addEventListener绑定的监听器由浏览器内部维护、不暴露为对象属性；可行方式是显式重绑定、事件委托或封装行为逻辑。
