-
navigator.connection.effectiveType仅是浏览器基于历史数据估算的粗略网络类型，非实时网速指标；应以saveData为最高优先级，辅以downlink和rtt判断，结合防抖、兜底及手动开关实现可靠切换。
-
液态波浪进度条核心是用SVG波形路径配合CSSmask或clip-path动态裁切，通过--progress变量控制mask-position实现水位上升效果，并用缓动动画协同调节波形幅度与频率。
-
使用position:sticky结合Flexbox或CSSGrid可高效实现响应式侧边栏滚动吸附，通过设置top值使侧边栏在滚动时固定，利用flex或grid布局实现主内容与侧边栏自适应排列，并在小屏通过媒体查询关闭sticky以优化体验。
-
Suspense的“两个容器”逻辑本质是React在Fiber架构下对异步渲染中间态的显式建模：它通过pending容器（独立渲染fallback分支）和content容器（延迟挂载的真实内容分支）并行管理，由Suspense统一协调、按需激活，实现展示与准备的物理隔离及并发可中断渲染。
-
侧边栏导航本质是语义结构（nav/aside）与CSS布局（如Flex）的组合，nav适用于纯导航链接，aside适用于非导航补充内容；Flex布局中main设flex:1自适应，nav设固定宽；移动端应依优先级选择垂直堆叠或动画隐藏。
-
div标签在HTML中有12种经典用法：1.基础布局容器，2.响应式设计，3.网格布局，4.弹性盒子布局，5.模态框，6.导航菜单，7.轮播图，8.表单布局，9.卡片式布局，10.标签页，11.悬浮提示，12.动画效果，这些用法结合CSS可以实现多种效果，但需注意性能和用户体验。
-
WebRTC本质是逻辑点对点通信，依赖STUN/TURN穿透NAT，但不绕过服务器；受安全上下文、主线程、自动播放策略及WebView兼容性限制；连不上主因ICE候选失败，需配STUN/TURN并确保信令可靠。
-
事件循环是实时通信的基石，因它通过非阻塞I/O和事件驱动模型，使单线程能高效处理海量并发连接，解决传统多线程模型的C10K性能瓶颈；2.常见实现如Node.js（基于libuv多阶段循环）、Pythonasyncio（协程调度）和浏览器JavaScript（处理用户与网络事件），均依赖操作系统I/O多路复用机制支撑实时交互；3.实际挑战包括阻塞主线程（需拆分任务或用工作线程）、背压管理、内存泄漏（及时清理回调引用）及调试困难（依赖性能工具监控），优化核心是避免同步阻塞并合理调度资源。
-
border-bottom分割线不可见主因是父容器高度塌陷、子元素浮动未清除或inline元素无垂直空间；需加padding-bottom、避免overflow:hidden、改用inline-block或伪元素替代。
-
微博Web分享接口旧版已下线，现仅支持weibo.jsSDK且需备案授权；个人静态页难以通过，推荐用service.weibo.com/share/share.php构造URL唤起客户端分享，但微信内会被拦截。
-
使用伪类:after清除浮动可解决父容器高度塌陷问题。通过为.clearfix:after设置content:""、display:block和clear:both等样式，生成虚拟节点闭合浮动，无需添加额外HTML标签，配合*zoom:1兼容IE，适用于多栏布局、文字环绕等场景。
-
推荐用grid-template-columns:repeat(auto-fit,minmax(280px,1fr))实现自适应列数，auto-fit合并空轨道，minmax控制每列弹性范围，配合box-sizing:border-box和卡片内部流式布局，避免固定宽高导致错位。
-
Git是独立命令行工具，需单独安装并配置user.name和user.email才能提交；VSCode的Git功能仅是图形界面，依赖系统已安装的Git；Windows安装时须勾选添加PATH，macOS/Linux推荐用包管理器安装。
-
前端性能漏斗不能照搬业务转化漏斗的“人数逐层递减”逻辑，必须以navigationStart、domContentLoadedEventEnd等关键时间点为节点，绑定session_id和行为上下文，否则只是“假漏斗”。
-
在移动端，关闭覆盖式对话框后常意外触发底层元素的click事件（如对话框重新弹出），根本原因是touch交互会触发后续的模拟click。本文提供兼容pointer与touch的可靠解决方案。
