-
用:last-child清除最后一项的border-bottom最省事可靠，但需确保flex-direction:column且DOM末项即视觉末项；避免用margin/padding混淆留白逻辑，优先用margin-bottom控制间距、padding-bottom配合边框。
-
本文详解如何通过<path>元素精确模拟CSSborder:3pxdottedred的视觉效果，解决边角不圆、虚线不均匀等常见问题，涵盖stroke-linecap、stroke-dasharray偏移技巧及路径坐标精算逻辑。
-
答案：浮动元素在响应式设计中需结合float与mediaquery，通过设置断点取消浮动并改为块级堆叠，实现多设备适配。
-
为HTML表格添加分享功能的核心思路是先将表格内容转化为可分享的格式，再利用社交接口或插件实现传播。1.数据导出：使用JavaScript将表格导出为CSV、Excel或PDF格式，方便用户下载后手动分享；2.图片截图：借助html2canvas或dom-to-image库将表格渲染为图片，保留样式布局，便于视觉分享；3.分享方式：可手动构造社交平台分享链接、使用WebShareAPI调用系统原生分享界面，或集成第三方插件如AddThis、ShareThis；4.面临挑战包括表格复杂性导致的渲染问题、大数
-
竞态条件指多个异步任务因执行顺序不确定导致结果异常，常见于搜索、表单提交等场景。通过AbortController取消过期请求、使用唯一ID过滤陈旧响应、结合防抖减少请求频率，可有效避免问题，确保UI与用户意图一致。
-
CSS中:not()无法选中“不在.modal内”的元素，因其不支持祖先关系检测；正确做法是用根类限定作用域（如.page-contentp）或显式重置（.modalp{line-height:1.3;}）。
-
页面切换本质是DOM替换而非整页刷新，需复用容器动态更新内容、同步history、服务端fallback、手动初始化脚本并清理事件监听器。
-
columns属性需确保容器为块级流且高度足够，优先用column-count固定列数或column-width实现自适应，配合break-inside:avoid防跨列断裂，column-gap统一用px单位并注意打印回退。
-
animation-fill-mode用于控制动画前后元素样式表现，其默认值为none，动画结束后元素会恢复原始样式；设置forwards可使元素保留动画最后一帧样式，避免跳回初始状态；backwards则让元素在动画开始前应用第一帧样式，常配合animation-delay使用；both结合两者效果。例如，fadeOut动画中使用forwards能让元素淡出后保持隐藏；slideIn动画中使用backwards可在延迟期间提前显示起始位置，提升视觉连贯性。合理使用该属性可让动画过渡更自然。
-
box-shadow中直接使用rgba()颜色值（如rgba(0,0,0,0.3)）即可控制阴影透明度，无需wrapper或opacity；alpha范围为0–1，语法错误、父级opacity、过小模糊值、CSS优先级或Safariinset兼容性可能导致失效；多层阴影用逗号分隔，filter:drop-shadow()可避免transform缩放影响但不支持inset。
-
Provide/Inject是Vue推荐的依赖注入方案，用于将封装好的API实例透传至深层子组件，避免硬编码和props层层传递，提升可测试性、可配置性与多环境适配能力。
-
JavaScript中宏任务可能导致内存问题。宏任务在执行时会分配内存，若处理数据量大、频率高或不当引用外部变量，可能导致内存持续增长甚至泄露。例如，setInterval频繁创建未清理的对象、异步回调挂载全局变量、闭包长期持有外部作用域等均可能引发内存累积。使用Chrome开发者工具的“堆快照”和“分配时间线”可定位内存泄露。解决方法包括及时清除定时器、解除事件监听器、主动设null变量、避免闭包滥用、采用虚拟列表与WebWorkers优化性能。
-
本文详解jQuery中因重复ID导致$("#choice").val()始终返回首个radio值的问题，提供基于name+:checked的健壮取值方案，并附可直接运行的修复代码与关键注意事项。
-
JavaScript正则性能问题源于NFA引擎过度回溯，关键在模式设计源头减少回溯空间：避免量词嵌套、善用锚点与原子组、用否定字符类替代.*、合并分支、加运行时超时防护。
-
class选择器以点号开头，可多元素复用，权重为10；id选择器以井号开头，页面唯一，权重为100，优先级更高，常用于唯一结构与JS快速获取。
