-
优先选用qrcode.js等成熟库而非手写canvas，因其支持toCanvas()和toSVG()、兼容性好且避免ECC、掩码等编码坑，使用时需确保DOM就位并传入元素而非ID字符串。
-
单行文字垂直居中用display:flex+align-items:center，作用于直接父容器且需明确高度；多行文字需加flex-direction:column并用justify-content:center，文字须包裹在标签内且清除margin。
-
background-clip:text单独使用无效，必须配合-webkit-background-clip:text和color:transparent，且需搭配background-image（如渐变）才能实现文字裁切效果；Firefox当前不支持，需降级处理。
-
本文详解如何在JavaScript中准确实现含定期追加投资的复利计算，涵盖月复利、年化利率转换、公式推导及代码实现，帮助开发者避免因计息周期与利率匹配错误导致的结果偏差。
-
数据劫持是通过Object.defineProperty拦截对象属性的读取和修改操作，实现对数据变化的监听，在Vue2中用于响应式系统；其核心是利用get和set捕获属性访问与赋值，结合递归遍历实现深度监听，但存在无法监控数组索引变化、动态增删属性等局限，需配合$set等方法弥补，最终被Vue3的Proxy方案取代。
-
localStorage用于长期存储字符串数据，关闭浏览器不丢失，sessionStorage仅限当前标签页，关闭即清除；二者均需手动序列化/解析对象，容量约5–10MB，不随请求发送。
-
可用video标签配合CSS实现背景效果：需加autoplay、muted、loop属性，设position:fixed/absolute与z-index:-1，用object-fit:cover铺满且保持宽高比，并设poster避免空白。
-
position:fixed导航栏遮挡内容是因为脱离文档流，需给body设置等于其高度的padding-top；滚动闪烁可通过transform:translateZ(0)触发硬件加速；移动端需规范viewport并避免vh单位。
-
Tone.js的Sequence对象虽提供state和progress属性，但progress仅在启用循环（loop:true）时返回归一化进度值（0–1），非循环序列中恒为0；state可实时反映"started"/"stopped"状态，需结合事件监听实现精准完成判定。
-
本文详解React中父子组件间状态共享的正确方式，重点解决因直接修改props导致的Cannotsetpropertiesofundefined错误，并提供基于React状态提升（LiftingStateUp）的标准实践方案。
-
:not()伪类只能接受单个简单选择器，多条件需并列多个:not()；常用写法如:not(button):not(input[type="button"])，不可写复合选择器或逗号分隔。
-
JavaScript单例需靠逻辑控制而非语言特性：闭包模块模式最简可靠；class+静态属性易被绕过；Symbol+WeakMap可防伪造；Proxy拦截new不可行且破坏tree-shaking。
-
float属性使元素脱离文档流并左/右浮动，允许内容环绕，常用于图文布局或多列排列；clear属性则用于清除浮动影响，通过设置left、right或both来防止元素与浮动元素相邻，确保布局顺序，二者常配合使用以解决高度坍塌和元素错位问题。
-
progress标签需显式设置value才显示确定进度；value必须为min和max间的有效数字，推荐直接赋值number类型并同步更新aria属性与辅助文本以保障可访问性。
-
标签模板通过函数处理字符串，分离静态部分与变量，自动转义防止SQL注入，支持DSL构建、类型提示、语法高亮及嵌套组合，提升安全性与可维护性。
