-
pattern属性仅作前端格式提示，不保证数据合规，真正合规须依赖后端白名单校验与前端协同；其正则不加/^$/、需配title提示、移动端支持弱，且不可替代inputmode等输入体验优化手段。
-
matches()比element.tagName更灵活语义化，支持CSS选择器语法实现复合条件匹配、精准类组合判断、事件委托中跨标签行为过滤，且现代浏览器兼容良好。
-
lessc默认编译慢是因为默认开启源码映射、严格语法检查及每次重复解析全部@import依赖树；watch卡住因监听粒度粗，递归扫描含node_modules的无关文件；输出冗余因未压缩、不合并选择器；API调用比命令行更可控但需手动缓存。
-
<i>标签用于无语义强调但需斜体呈现的文本，如命令名、生物分类、外文短语；<em>用于需读屏软件识别的语气或语义强调；误用会损害可访问性与语义结构。
-
clear:both的空div必须是父容器内浮动元素后的直接块级子节点，否则无效；常见失效原因包括位置错误、父容器为flex/grid、display:none或高度被锁定。
-
系统外观颜色不可靠，因其由操作系统和浏览器联合解释，导致跨平台表现差异大、不支持CSS变量管理、高对比度模式下易失效，且构建工具可能静默丢弃；应改用语义化自定义属性（如--text-ui）配合媒体查询实现可控配色。
-
<p>左滑删除需用touchstart、touchmove、touchend三阶段手动计算水平位移：touchstart记录startX，touchmove实时算deltaX=currentX-startX并限定deltaX<-阈值，touchend判定触发删除。</p>
-
必须先升级tailwindcss包再批量修正类名；升级后需将purge改为content、删除mode:'jit'，替换废弃类名（如transform）、重命名类（flex-grow-0→grow-0），透明度改用bg-black/50语法，并确保color扩展不覆盖内置色名。
-
details标签核心作用是语义化声明可折叠披露组件，必须以summary为首个子元素，否则Safari等浏览器点击失效；自定义图标应使用summary::before，JS控制须操作open属性而非display。
-
可使用contenteditable容器配合keydown事件拦截实现：当e.key为Backspace且光标左侧紧邻tag元素时，阻止默认行为并移除该tag；因input不支持嵌套HTML，必须用div[contenteditable]替代，同时需处理iOS兼容性及光标边界情况。
-
ChromeProfiler导出的是JSONTraceEventFormat文件，含多维trace数据；需用speedscope、perfetto或chrome-to-flame等工具转换为火焰图或pprof格式供第三方平台分析。
-
report-uri已废弃，必须改用report-to配合Report-To响应头；前端CSP中需写report-togroup-name，服务端须返回合法JSON格式的Report-To头，且URL必须HTTPS、group名严格匹配。
-
本文详解如何基于CSS子选择器（>）与事件委托，构建真正独立控制的多级下拉菜单：点击任一级标题仅展开其直属子菜单，互不干扰，支持无限嵌套，并附可复用的HTML/CSS/JS完整实现。本文详解如何基于CSS子选择器（`>`）与事件委托，构建真正独立控制的多级下拉菜单：点击任一级标题仅展开其直属子菜单，互不干扰，支持无限嵌套，并附可复用的HTML/CSS/JS完整实现。在实际开发中，常见的“多级下拉菜单”往往面临一个核心缺陷：点击父级菜单
-
无法用Proxy+Reflect完美转发包含私有字段（#field）的类实例，因为私有字段在语法解析阶段即报错，Proxytrap和ReflectAPI均无法触达其访问逻辑。
-
![CSS中，background-size 属性用于控制背景图像的大小，可以实现缩放、拉伸或适应容器等效果。以下是其基本用法和常见应用场景：一、background-size 的语法background-size: [width] [height];width：设置背景图的宽度。height：设置背景图的高度。如果只提供一个值，则另一个值默认为 auto。二、常用值说明值说明auto默认值，背景图原](/uploads/20260516/17789168196a081dd35ce0e.jpg)
background-size用于控制背景图尺寸，取值包括auto、具体数值、百分比、cover和contain，配合background-position和background-repeat可实现全屏背景、图标缩放等效果。
