-
JavaScript代码压缩通过AST分析实现语义无损精简，TreeShaking则基于ES模块静态结构剔除未使用导出；二者协同先删死代码再压活代码。
-
<p>用data-属性动态标记用户活跃状态，应存ISO时间戳（data-last-active）和标准化状态值（data-status），避免硬编码文字或误用title/alt；CSS可静态显示服务端生成的相对时间文案，JS则用Intl.RelativeTimeFormat安全更新。</p>
-
HTML5没有5.2或5.3官方版本号，所谓“HTML5.2/5.3跳转语法”是误传；跳转仍依赖<a>、location.href、history.pushState()等长期稳定API，实际变化源于浏览器对安全策略（如Same-OriginPolicy、opener漏洞防护）的强化执行及跨规范（Fetch、CSSScrollBehavior）的渐进支持。
-
CSS背景渐变方向由linear-gradient()首参控制，可用关键词（如toright）或角度（如90deg），角度以中心为原点顺时针计算：0deg向上、90deg向右、180deg向下、270deg向左；45deg为左上到右下，-45deg为右上到左下；颜色后可加位置值精确控制过渡。
-
HTML表格实现可展开树形行需用data-level和data-parent-id标记父子关系，子行初始hidden，点击父行时动态querySelectorAll匹配data-parent-id并切换显隐；CSS缩进用padding-left配合CSS变量，禁用transform缩进；tr不支持height过渡，改用td内边距或max-height动画。
-
WebRTC是实现浏览器视频通话的核心技术，它通过JavaScriptAPI实现P2P音视频通信。首先调用getUserMedia()获取本地音视频流，再创建RTCPeerConnection实例管理连接。通过信令服务器交换SDP（Offer/Answer）描述会话信息，并利用STUN/TURN服务器收集ICECandidate进行网络穿透。信令服务器协调连接建立，不传输媒体流；STUN用于获取公网地址，TURN在P2P失败时中继数据。连接成功后，音视频流直接在浏览器间传输，低延迟且安全加密，实现高效实时
-
纯CSS粒子仅支持静态或简单循环动画，因无逐帧计算能力，无法实现鼠标吸附、碰撞反弹等交互效果，且粒子数超150易致渲染瓶颈；canvas+requestAnimationFrame才是高密度、物理响应式粒子的正确方案。
-
Grid更适合主容器布局，因其二维可控性强、无需脱离文档流、响应式健壮；float易致塌陷、清除困难、维护成本高，且无法精准控制区域宽高与对齐。
-
最简单方法是设html{scroll-behavior:smooth;}，但Safari15.4前及部分安卓WebView不支持；JS需显式调用scrollIntoView({behavior:'smooth'})，注意目标元素存在性与渲染时机。
-
--scale变量配合calc()控制尺寸比transform:scale()更可靠，因它改变布局盒而非仅渲染层，避免点击区域错位、坐标系失准、字体糊化等问题。
-
答案是通过可视化工具、日志记录、事件追溯和模块化设计来快速定位状态变化源头。使用Redux/VuexDevTools实现时间旅行调试，结合logger中间件追踪action与状态变化，利用断点和调用栈回溯触发源，借助不可变性检测防止非法修改，并通过单元测试预防问题，同时在复杂应用中采用清晰的架构分层、命名规范、模块划分和副作用管理，避免状态混乱。
-
绝大多数卡片列表场景该用auto-fit，但依赖固定列数对齐、动画或预留插槽时必须用auto-fill；auto-fit在卡片少时会拉宽列宽，auto-fill则可能产生隐形空列并受gap影响。
-
用单个隐藏<audio>实例配合JS动态切换src实现轻量音乐列表，列表项绑定data-src属性，点击时暂停当前、更新源并播放，注意iOS用户手势触发、Promise错误捕获及跨域配置。
-
transition-duration属性用于设置CSS过渡动画的持续时间，值越长过渡越慢，单位支持秒（s）和毫秒（ms）；可为不同CSS属性指定不同的过渡时长，如background-color用0.3s、transform用0.6s；结合transition-timing-function（如ease、linear、ease-in-out）可调整过渡的速度感，使动画更自然；常见场景中，悬停效果建议0.2s-0.4s，菜单展开0.3s-0.6s，页面切换0.5s-1s，避免过短或过长影响体验。
-
用CSS变量控制滚动位移易断层，因--offset自由增长未归一化；需JS将其限定在[0,100vw]内重置，或采用双容器错位法实现无缝滚动。
