-
code标签仅提供语义标识，不保留格式；多行代码必须嵌套在pre中，二者分工明确：pre保留空白符，code声明代码语义，且HTML字符需转义。
-
不能直接用transition:height实现面板展开动画，因为height:auto无法参与过渡；应使用max-height过渡或JS动态设置精确高度。
-
在angular.json的styles数组中引入的CSS文件全局生效，注入<head>，优先级高于组件样式，但不影响innerHTML渲染内容和ShadowDOM组件。
-
在Vue2中，直接修改数组中对象的属性（如item.price=...）不会触发视图更新；必须用this.$set显式通知Vue数据变化，且需作用于响应式数组的索引位置，而非对象内部。
-
关键是从静态到交互只需用hover和transition重新组织CSS属性：hover定义悬停状态，transition控制变化过程，二者缺一不可；需在默认状态写transition、hover中改对应属性，推荐从按钮练习，注意属性匹配、过渡时间（0.2–0.35s最佳）及触屏兼容性。
-
模态框遮罩不透明是因为父元素opacity导致子元素继承叠加，应使用rgba()单独设置背景层透明度；pointer-events:none需加在遮罩层并配合伪元素确保点击拦截；移动端需结合touch-action、overflow:hidden及层叠上下文排查。
-
will-change不能自动消除卡顿，而是提前告知浏览器优化意图；需精准作用于即将变化的transform或opacity等合成属性，在交互触发时动态添加、动画结束立即移除，并配合transform/opacity避免重排重绘。
-
原生<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()等精度控制。
