-
应优先用in、typeof或CSS.supports检测API存在性与CSS特性，避免解析userAgent；对可能抛错的API调用需try...catch；polyfill应按需引入，关键功能降级处理，行为不一致的API需实测验证。
-
:defined伪类仅对成功注册的自定义元素生效，注册失败（如重复定义、脚本顺序错误）会导致其不匹配；需确保customElements.define()先执行，或用whenDefined()等待，并避免在:defined中修改display引发布局抖动。
-
HTML5注释不影响渲染但至关重要，必须用于权限控制区域、临时禁用代码、框架挂载点、跨组件分界线；禁用在script/style内、敏感信息、嵌套注释及替代语义标签。
-
SVG可通过内联、img标签、object标签或CSS背景图嵌入HTML；内联和object支持CSS与JavaScript控制样式及交互，img仅用于静态显示；通过width、height和viewBox实现响应式；JavaScript可操作内联SVG实现动态效果，需根据交互需求选择合适方式。
-
:empty选择器匹配完全空的元素，包括无HTML子元素、空格、换行符等。1.判断标准严格，仅当元素内没有任何内容时才为空；2.可用于隐藏无内容的容器，避免空白区域影响布局；3.控制表单验证中的错误提示，提升界面整洁度；4.清理后端数据不稳定导致的空节点，防止干扰排版与无障碍体验；5.注意空格、换行、注释均会影响判断，动态内容需结合JS处理，部分场景需自定义逻辑判断“空”。
-
HTML5在安卓设备上无法原生播放RTSP流——这是硬限制；因安卓WebView自5.0起移除RTSP协议栈支持，RTSP仅是控制协议，实际音视频由RTP/UDP传输，故<videosrc="rtsp://...">静默失败。
-
使用align-items可解决卡片布局中文字与图片对齐不齐问题。1.align-items控制交叉轴对齐方式，默认stretch拉伸，常用center实现垂直居中；2.将卡片设为flex容器并设置align-items:center，使图片与文字整体垂直居中；3.多行文字需包裹在div内，作为整体参与对齐；4.多卡片布局中可通过align-items:stretch统一高度，或用align-self单独调整某项对齐；5.配合justify-content与gap可实现整齐美观的布局效果。掌握这些细节可高
-
利用PerformanceAPI监控页面加载与资源性能，2.通过error与unhandledrejection事件捕获异常，3.集成Sentry、Lighthouse等工具实现可视化分析，4.结合埋点与sendBeacon追踪用户行为，构建完整前端监控体系。
-
:nth-child伪类通过位置精确选择子元素，支持数字、关键字和公式；常用于隔行着色、布局控制等场景，需注意其按位置而非类型匹配的特性及n的起始值为0等细节。
-
需通过WebBluetoothAPI实现蓝牙数据实时监听：一、用CharacteristicValueChanged事件监听支持Notify/Indicate的特征；二、轮询readValue()应对不支持通知的特征；三、监听GATT连接状态确保链路稳定；四、统一管理多特征订阅防内存泄漏。
-
调整HTML表格单元格位置有五种技巧：一、用colspan/rowspan合并单元格；二、嵌套子表格微调；三、CSStable-layout配合absolute定位；四、改用CSSGrid模拟表格；五、direction/writing-mode翻转渲染流向。
-
max-width应设为65ch并搭配min(65ch,90vw)，以适配字体大小、缩放及小屏；需避开flex/grid父容器干扰、浮动失效、单位陷阱与框架容器冲突，兼顾可读性与响应式稳定性。
-
通过结合z-index与opacity可实现多层元素的叠加与淡入淡出切换，常用于轮播图等场景。需为元素设置定位以使z-index生效，利用CSStransition或keyframes控制opacity变化并动态调整z-index确保当前层置顶，JavaScript切换active类可实现手动控制，纯CSS则通过延迟动画时序实现自动轮播，注意性能优化与浏览器兼容性。
-
使用::before和::after伪元素结合transition与@keyframes，可在不改变HTML结构的前提下实现悬停提示、动态边框、波浪线等流畅动画效果，通过控制初始状态与目标状态的过渡，并优先采用transform和opacity以提升性能，确保动画自然且高效。
-
<p>生成器函数是JavaScript中用function*声明、通过yield暂停执行并返回迭代器对象的特殊函数，支持惰性求值、双向通信和可迭代协议。</p>
