-
JavaScript性能优化核心是提升关键路径的快、稳、可预测性，聚焦FCP+TTI、LongTasks占比、内存泄漏及响应卡顿，而非炫技或次要指标。
-
HTMLvideo标签能直接播直播流，但仅限Safari/iOS原生支持HLS（.m3u8），Chrome/Edge/Firefox需hls.js或flv.js配合MSE；RTMP和裸FLV完全不支持，必须服务端转协议。
-
首先配置Web3环境并连接以太坊节点，通过npm安装web3库并使用Infura或MetaMask注入提供者；接着利用合约ABI和地址创建实例；随后调用只读方法.call()获取数据，或使用.send()发送交易修改状态；最后通过.contract.events监听合约事件，实现DApp与区块链的完整交互。
-
应使用background-color而非过时的bgcolor；支持十六进制、rgb、rgba、hsl四种写法；优先写在外部CSS文件中；常见问题包括父容器无高度、样式被覆盖、background简写重置颜色及色值错误。
-
调好box-shadow的关键是让阴影自然融入环境：增大扩散半径（如卡片用04px12px）、降低透明度（浅色背景用rgba(0,0,0,0.08)～0.12）、匹配背景色温（暖色界面略带棕调，深灰界面用蓝灰），并借助开发者工具实时调整以增强呼吸感。
-
SCSS的transparentize()和opacify()是对颜色与黑/白按比例混合，非简单调整alpha；transparentize(#ff0000,0.2)等价于mix(#000000,#ff0000,20%)，结果为暗红色而非rgba(255,0,0,0.8)。
-
inert属性是浏览器原生的语义化暂停机制，使元素及其子树完全脱离交互与可访问性树；需现代浏览器支持（Chrome111+、Firefox121+、Safari18.0+），JS设置须用element.inert=true，不可用setAttribute。
-
PCIDSS是保护持卡人信息的支付安全标准。使用JavaScript集成支付时，应避免处理敏感数据，通过Stripe等提供的托管表单或iframe，使卡号、CVV等信息直接由支付网关处理，仅获取令牌用于后端创建支付，从而落入最简SAQA合规级别。禁止在前端收集或加密信用卡信息，不得存储CVV等禁用数据，须使用官方SDK并启用CSP防护，确保始终符合PCI要求。
-
只有当元素频繁动画且已确认卡顿时才用will-change，须配合transform/opacity并动态启停；滥用会增内存开销、触发回流或过度分层。
-
grid-template-columns和grid-template-rows必须显式定义，否则display:grid不会自动布局；fr单位仅在Grid容器内按剩余空间分配；gap已替代grid-gap，旧版Safari需双写兼容；网格线从1开始编号；子元素margin不塌陷，推荐用gap代替。
-
当网页在手机浏览器中显示时，即使两个<a>元素使用完全相同的font-size（如1rem），也可能因浏览器的自动文本缩放机制而呈现不同大小；启用text-size-adjust:none可有效禁用该行为，确保视觉一致性。
-
firstElementChild更可靠，因为它只返回第一个子元素节点，跳过空白文本节点和注释节点；而firstChild可能返回换行符等不可见的文本节点，导致意外错误。
-
用parseInt()和toString()实现健壮进制转换器：先清洗字符串（去空格、识别并剥离0b/0o/0x前缀）、显式指定radix解析，校验整数与安全范围，input事件实时响应并处理粘贴，避免NaN和精度丢失。
-
本文详解ReactRouterv6中<Route>不显示组件的核心原因：路径冲突与API变更，并提供符合v6规范的正确写法、可运行示例及关键注意事项。
-
避免Promise嵌套的关键是用链式调用代替层层then嵌套，同时合理使用async/await让异步逻辑线性表达；通过return传递值保持扁平结构，用async/await替代多层then提升可读性，避免在then中手动newPromise，并通过函数封装拆分逻辑。
