-
Props本身不支持防抖，因其是被动接收的数据通道；真正需防抖的是子组件中基于props变化触发的副作用逻辑，如请求、计算或DOM更新，应通过watch+防抖函数或上移至父组件实现。
-
<metacharset="UTF-8">必须放在最前面，因为浏览器流式解析HTML时，若在遇到非ASCII字符前未读取该标签，会按默认编码（如ISO-8859-1）错误解码，导致乱码不可逆；它须是<head>中首个生效标签，且HTML5仅认charset属性，不推荐旧式http-equiv写法。
-
CSS变量穿透ShadowDOM需宿主元素显式声明，否则var()解析失败；:host是唯一可靠注入入口，adoptedStyleSheets不传递变量作用域，iOSSafari16.4前存在继承bug。
-
<p>直接改--percent变量即可更新进度条，但必须通过element.style.setProperty('--percent',65)在目标元素上设置，且CSS中需用width:calc(var(--percent)*1%)绑定，不可省略单位或误用var(--percent)%。</p>
-
单元测试是验证JavaScript最小功能单元正确性的方法，如对函数进行隔离测试。以calculateDiscount函数为例，需覆盖正常值、边界值和异常输入，确保逻辑无误。常用工具包括Jest（集成度高，适合React与Node.js）、Mocha+Chai（灵活，适合传统项目）、Vitest（适配Vite，速度快）和Sinon.js（用于模拟函数行为）。编写高质量测试应使用describe和it组织结构，关注输出而非实现细节，合理使用mock处理依赖，如通过jest.spyOn模拟异步请求并校验结果。
-
JavaScript是单线程语言，因运行时环境（如V8）仅提供一个调用栈和任务队列，旨在避免DOM竞争；但通过事件循环、异步回调和WebAPIs实现并发效果；WebWorkers支持真正并行，具独立上下文与通信机制。
-
可在Jimdo中通过四种方法嵌入动态图表：一、用Chart.jsCDN在HTML区块中直接渲染；二、iframe嵌入外部托管图表页；三、调用GoogleChartsAPI；四、用Datawrapper等工具将表格转为嵌入式图表。
-
TDZ是强制变量声明前置的语言约束机制，提前暴露ReferenceError；正确做法是块级作用域顶部集中声明let/const，避免参数链式依赖，默认值逻辑移入函数体，慎用typeof检测未初始化变量。
-
小屏幕下用max-width媒体查询将grid-template-columns覆盖为1fr实现单列堆叠，需同步重置grid-column:auto、grid-auto-rows和gap，避免显式定位残留与间距叠加问题。
-
正向肯定断言(?=...)的核心价值在于零宽度检查：不移动指针、不捕获内容，适用于多条件并列校验（如密码强度）和边界上下文约束（如JSON键名提取）。
-
ServiceWorker生命周期是状态驱动的异步过程，注册仅提交申请，install和activate可能被阻塞或跳过；需通过waitUntil保证缓存可靠性，用skipWaiting和clients.claim推进控制权交接。
-
必须同时设置value和max属性才能渲染progress标签；仅设value会失效，max默认为100但需显式声明；value超max会被截断，IE11及以下不支持，需降级；JS更新需防抖、用requestAnimationFrame、统一计算百分比；样式兼容性差，Chrome/Firefox伪元素规则不同；复杂需求应改用div+ARIA手写方案。
-
will-change不能自动消除卡顿，而是提前告知浏览器优化意图；需精准作用于即将变化的transform或opacity等合成属性，在交互触发时动态添加、动画结束立即移除，并配合transform/opacity避免重排重绘。
-
daisyUI的glass类最省事，它开箱即用、自动处理backdrop-filter和-webkit-backdrop-filter；不用则需手动配置backdropBlur映射、清缓存重构建，并确保半透明背景、无overflow:hidden、背后有内容，同时兼容Safari需加WebKit前缀。
-
不一定；async仅确保下载不阻塞HTML解析，但执行时会中断DOM构建、不保序、不可控，仅适用于完全独立、无DOM依赖的脚本（如统计、广告SDK）。
