-
<pr>不是合法HTML标签，浏览器会忽略或错误解析它，导致段落粘连；正确做法是使用语义化的<p>标签包裹每段文字，并确保标签拼写准确、嵌套合规。HTML中误用``标签导致段落无法正常分离的修复指南：``不是合法HTML标签，浏览器会忽略或错误解析它，导致段落粘连；正确做法是使用语义化的``标签包裹每段文字，并确保标签拼写准确、嵌套合规。在您提供的代码中，问题根源非常明确：<pr>是一个不存在的
-
TransformStream不能直接处理HTML字符串或DOM节点，因其仅工作于ReadableStream/WritableStream的字节块层面；必须先通过TextDecoderStream将fetch().body等原始流解码为字符串流，再接入自定义TransformStream进行逐块处理，而innerHTML或DOMParser是同步操作，流已结束，无法介入。
-
template.content是唯一能取到模板内容的只读属性，返回DocumentFragment；必须用cloneNode(true)或importNode克隆后才能复用，且需手动绑定事件、设置表单状态。
-
Bootstrap和Tailwind等CSS框架通过预设类快速实现卡片阴影与圆角，如Bootstrap的.shadow和.rounded-3，Tailwind的shadow-lg和rounded-xl，结合p-4、bg-white等类构建完整样式，提升开发效率。
-
使用UIkit可快速构建响应式导航菜单，首先通过uk-navbar创建基础导航结构，利用uk-hidden@m配合uk-toggle实现小屏幕下的汉堡按钮，点击触发Dropdown或Off-canvas折叠菜单，结合uk-dropdown或uk-offcanvas属性设置定位与动画模式，无需额外代码即可完成多端适配，关键在于掌握组件联动机制与断点控制。
-
JavaScript定时器通过setTimeout和setInterval实现，前者延迟执行一次，后者周期性重复执行，均返回ID供clearTimeout或clearInterval清除，常用于倒计时、轮播图等场景，需注意及时清理避免内存泄漏。
-
String.prototype.normalize()是解决Unicode等价性问题的核心方法，支持NFC、NFD、NFKC、NFKD四种标准化形式，分别适用于显示存储、底层处理、搜索匹配和文本清洗，但不处理简繁体等非等价字符。
-
手动递归比JSON.stringify更高效：前者支持早停、无序列化开销、复杂度O(n)，后者需全量字符串化并扫描，内存与时间成本高。
-
poster属性不支持自动截取第一帧，必须用JavaScript主动截取并赋值；video.currentTime=0后截黑图需检查loadeddata事件、跨域设置、移动端延迟及编码特性。
-
纯CSS画笑脸需用border-radius+clip-path或伪元素分层：脸和眼睛须宽高相等+50%圆角，嘴用clip-path:ellipse()或border技巧配合overflow:hidden裁出弧形，全部使用rem或clamp()保证缩放无锯齿、高保真。
-
移动端input::placeholder样式不生效，需用::-webkit-input-placeholder并加!important；uni-app和小程序须用专用属性；暗色模式应监听媒体查询并切换class；line-height与padding需与input一致。
-
会，text-shadow模拟加粗因软边阴影导致文字模糊，尤其小字号或Retina屏；需设blur-radius为0，用多方向1px硬边阴影（如-1px00,1px00等）并启用GPU加速。
-
网页多语言切换必须在服务端或首屏HTML中正确设置lang属性，JS动态修改无效；lang值须符合BCP47规范（如zh-CN），区分大小写和短横线；局部混排需显式标注lang；:lang()样式需枚举所有可能变体或简化策略。
-
async函数内必须用trycatch包裹await表达式才能捕获异步错误，因async返回Promise，外部trycatch仅捕获同步错误；事件处理器中需显式处理Promise拒绝，避免错误静默丢失。
-
navigator.geolocation需HTTPS或localhost、检查支持性、必须传error回调；watchPosition需手动clearWatch防泄漏；enableHighAccuracy耗电且室内无效；拒绝权限后需降级方案。
