-
原生<selectmultiple>不能直接用Choices.js是因为Choices.js完全接管渲染：它读取原<select>的<option>数据后隐藏原生元素，再用div+ul+input重建交互层，故必须确保原生<select>合法（含multiple属性、每个<option>有明确value）、name不可省略，且初始化需在DOM就绪后执行。
-
符合W3C标准的HTML结构核心三点：必须以<!DOCTYPEhtml>开头（全大写、空格分隔、独占首行），<html>根元素须含合法BCP47语言标签如lang="zh-CN"，且<head>内<metacharset="UTF-8">必须在<title>之前以确保正确解码。
-
加了cursor:move弹窗仍不动，因为该属性仅改变鼠标样式，不触发位置计算；真正实现拖拽需JavaScript监听mousedown/mousemove并动态设置style.left/style.top。
-
WebPushpayload必须使用AES-128-GCM加密，由客户端提供的auth和p256dh派生密钥，浏览器强制要求content-encoding、encryption、crypto-key三头部齐全且格式正确，否则推送失败。
-
本文介绍在SRT字幕转prose的前端转换器中，如何为每个动态创建的<blockquote>元素自动分配唯一id（如subtitle-0、subtitle-1），便于后续精准操作（如单独复制、编辑或导出），并修正非标准自定义元素的使用问题。本文介绍在SRT字幕转prose的前端转换器中，如何为每个动态创建的``元素自动分配唯一`id`（如`subtitle-0`、`subtitle-1`），便于后续精准操作（如单
-
闭包是实现记忆化函数最自然、最轻量的方式，它通过外层函数创建私有缓存并返回可访问该缓存的新函数，使缓存持久、私有且隔离。
-
现代浏览器已禁用Flash，嵌入需用object标签（含param和embed备用）、embed标签、版本检测降级提示或SWFObject库实现兼容。
-
漏了user-scalable=no会导致浏览器允许缩放，双击或手势后残留放大态，小数像素渲染误差使Grid边缘错位出白边；应补上该参数或改用maximum-scale=1.0并配合body{margin:0}、minmax()等精度控制。
-
移动端涟漪不触发主因是iOSSafari等浏览器默认禁用:active伪类以避免误触，须加touch-action:manipulation启用；纯CSS方案连点易错位，JS动态创建涟漪元素可确保坐标精准、互不干扰。
-
直接调用getTotalLength()是唯一可靠方式，需确保路径元素已插入DOM且可见；动态更新d属性后须重新调用，CSS动画中应通过自定义属性传递长度值。
-
abbr必须带非空、准确、标准的title属性才具语义作用，否则等同普通span；title仅提供结构化语义，不适用于可控UI提示，且移动端基本无效。
-
会，因为surroundContents要求Range起点和终点必须在同一Text节点内，跨元素、跨块级容器或含HTML标签时均抛RangeError；安全用法需前置校验同节点且为文本节点，否则应改用extractContents+insertNode。
-
WeakMap结合不可枚举属性可安全管理动态对象的状态通信：WeakMap解决生命周期同步与自动清理，不可枚举属性隐藏访问入口，防止篡改、泄漏和误删，实现防篡改、免泄漏、零手动清理。
-
checkValidity()仅校验不触发样式，需reportValidity()或手动处理；对disabled元素恒返true；动态添加字段须用form.append而非innerHTML；setCustomValidity("")才能清除自定义错误；框架中需等DOM同步后再调用。
-
用setCustomValidity()可覆盖浏览器默认错误文案，传空字符串表示通过，传非空字符串触发customError状态并阻止提交；需在input/blur事件中动态设置，配合DOM更新实现UI同步提示。
