-
WebRTC支持P2P传输，但需满足三条件：正确addTrack()、配置有效iceServers（含STUN/TURN）、完整交换ICE候选；任一缺失均导致黑屏或iceConnectionState卡住。
-
HTML是标记语言，不直接实现功能，需与JavaScript、CSS或表单语义协同；按钮需绑定事件，表单提交需防刷新；data-属性安全传参；details/summary可免JS折叠；contenteditable仅适用于轻量编辑，富文本应使用专业库。
-
可使用CSSfilter的drop-shadow实现图片发光效果，支持单层、多层叠加、box-shadow混合、响应式适配及兼容性回退五种方法。
-
移动端WebXRAR交互已具备落地能力，但仅限AndroidChrome（v120+）、SamsungInternet（v19+）、EdgeforAndroid等支持immersive-ar的环境；iOSSafari仍不支持，须显式调用navigator.xr.isSessionSupported('immersive-ar')探测，启用hit-test与xrCompatiblecanvas，并严格遵循session生命周期管理。
-
可行，但需配合min-height:100vh、html/body设height:100%、header/footer用flex:00h、main用flex:1（即flex:110）并设overflow-y:auto，否则页脚塌陷或滚动异常。
-
推荐使用URLSearchParams解析URL参数为对象，它自动处理编码解码且语义清晰；兼容旧环境时可用正则手动解析，需注意try/catch异常、重复键、空值及#片段截断等细节。
-
解构赋值[a,b]=[b,a]是最安全、可读且符合现代JS语义的变量交换写法，其右侧先计算并缓存当前值，左侧按序赋值，不依赖中间变量；但要求a、b已声明且右侧非null/undefined。
-
多个style标签会导致HTML臃肿、无法缓存、FOUC、构建工具失效；满足无JS注入、无data属性依赖、无WebComponents伪类、无@layer/@import的可抽为CSS文件；替换时需保持link顺序与原style位置一致，并注意media属性和优先级。
-
用::before或::after替换原生单选按钮需两步：先设appearance:none清空默认样式并隐藏input（display:none），再用label::before绘制自定义圆圈；因input是替换元素，伪元素不生效，故推荐:checked+label::before方案，确保兼容性。
-
HTML中video/audio标签加无值muted属性是唯一可靠默认静音方式，必须写为<muted>而非muted="true"；autoplay必须与muted同时存在且为HTML属性，解静音操作须绑定用户交互事件。
-
JavaScript邮箱验证用/^1+@2+.3+$/做基础筛查，手机号用/^1[3-9]\d{9}$/校验11位纯数字；需结合trim()、input事件提示及后端确认，避免过度复杂化或忽略转义、方法误用等细节。\s@↩\s@↩\s@↩
-
Vue计算属性适合响应式封装数据分组逻辑，如按一级类目或品牌对商品数组实时分组；可结合过滤计算属性实现多条件联动，自动更新；模板中直接渲染分组结果，支持排序与性能优化。
-
动态注入CSS的核心方法是appendChild而非insertAdjacentHTML；前者通过document.createElement('style')创建元素更可控，支持后续操作与统一管理，后者仅适合一次性内联样式调试。
-
滚动透明需用scrollY输入、requestAnimationFrame节流、CSS变量驱动，避免直接改style导致卡顿；用--scroll-alpha配合transition实现平滑渐变，兼顾性能与可维护性。
-
依赖收集是Vue在读取响应式数据时自动记录依赖关系的过程，通过Observer、Dep和Watcher协同工作，确保数据变化时精准通知对应组件或计算属性更新。
