-
移动端点击有300ms延迟是因为浏览器需等待判断是否双击缩放；用touch-action:manipulation可消除延迟，但需配合语义化、可访问性及视觉反馈优化。
-
绝对定位元素在媒体查询中修改top/left不生效，根本原因是未在基础样式中声明position属性；需确保position:absolute已设置，检查优先级冲突、overflow裁剪、单位兼容性，并推荐用transform或CSS变量优化响应式定位。
-
用computed实现全选/反选：selectAll为有getter/setter的计算属性，getter判断是否全选，setter批量更新子项；isIndeterminate判断半选状态并绑定:indeterminate；子项v-model绑定各自checked；另可computed获取已选ID数组。
-
摩天轮式旋转动画需两层配合：外层@keyframes控制整体匀速旋转，子项用nth-child配合rotate()和translate()实现均匀分布与正立效果，关键在transform顺序及反向旋转抵消歪斜。
-
break-inside:avoid在打印时失效，主要因它仅对块级容器生效，且要求父容器为BFC、子元素为块级；inline、flex、float、absolute元素及tr/td/li等均不支持，需改用break-before/after或page-break-*兼容处理。
-
默认绑定指函数普通调用时this的指向规则：非严格模式下为全局对象，严格模式下为undefined；常见于独立调用、变量赋值后调用、未绑定的回调及IIFE中。
-
答案是使用JavaScript库如Chart.js、D3.js和ECharts可实现交互式数据可视化；其中Chart.js适合快速集成常见图表，D3.js适用于高度自定义的复杂图形，ECharts支持高级图表且中文文档完善；以Chart.js创建柱状图需引入库、添加canvas容器并初始化Chart对象；通过事件监听、动态数据更新和实时刷新增强交互性；结合响应式布局与性能优化确保跨设备流畅展示。
-
try-catch仅捕获同步异常，如JSON.parse失败、undefined属性访问等；异步错误需在回调内使用或配合await；finally总会执行但不吞错；全局监听仅用于上报而非恢复。
-
网络请求失败时应使用支持指数退避、最大重试次数和错误过滤的retryAsync函数。该函数基于Promise递归实现，可配置baseDelay、maxRetries、shouldRetry及AbortController信号，兼容async/await语法，提升健壮性与可维护性。
-
fr单位与px可混合使用，实现固定与自适应列布局。例如grid-template-columns:200px1fr2fr时，容器总宽减去200px后，剩余空间按1:2分配给后两列，适用于侧边栏+主内容等场景，需注意fr仅分配剩余空间，可用minmax()防止压缩。
-
直接transitionheightauto不生效，因为auto非具体数值，浏览器无法计算过渡中间帧；应改用max-height过渡或CSSGrid的grid-template-rows配合fr单位实现平滑展开。
-
本文介绍如何修改JavaScript汇总逻辑，使countTotal()函数仅对display:none状态之外的<tr>（行）和<td>/<th>（单元格）参与求和，从而确保员工/流程过滤后行列总计结果始终准确反映当前可见数据。
-
多层浮动定位通过float构建布局结构，结合position实现元素精确定位与层级叠加。1.使用float创建多列布局，如侧边栏固定、主内容自适应；2.利用position:relative、absolute或fixed实现悬浮、覆盖和固定效果，如提示框相对于主内容定位；3.通过z-index控制堆叠顺序，确保模态框、遮罩层和导航的层级关系正确；4.清除浮动避免父容器塌陷，可使用overflow:hidden或伪元素clearfix。该方法在兼容旧项目中仍有实用价值。
-
发布订阅模式通过事件总线将强耦合降为对总线的弱依赖，但需规范事件名、可控生命周期、避免滥用；props/$emit在深层或跨级组件通信时导致中转污染与父组件职责膨胀，易引发生命周期错位和调用链断裂。
-
BEM能让CSS更易复用，因其通过「块__元素--状态」命名强制绑定样式与结构，明确依赖关系，避免全局冲突；补BEM应渐进式改造高频模块，严守命名规范；它不与CSS-in-JS或Tailwind冲突，但需统一风格避免混用。
