-
页面切换本质是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快速获取。
-
要获取用户在浏览器中的鼠标位置，最直接的方法是监听DOM上的鼠标事件并从事件对象中提取clientX和clientY属性。1.clientX和clientY提供相对于浏览器视口的坐标，适用于定位可见区域内的元素；2.pageX和pageY相对于整个文档，包含滚动距离，适合在整个页面范围内进行交互计算；3.screenX和screenY则表示相对于用户屏幕的物理坐标，适用于特殊场景如多显示器环境。为避免频繁触发mousemove事件导致性能问题，可使用节流（Throttling）或防抖（Debouncing
-
应使用语义化标签与CSS协同优化HTML长文本排版：一、用<p>天然分段并规范嵌套；二、通过margin、text-indent、line-height精细控制间距缩进；三、以<divclass="section">分组段落并视觉隔离；四、用<article><section>强化内容层级与SEO；五、用word-wrap等属性处理超长无空格文本溢出。
-
本文介绍一种基于正则表达式的健壮方法，将长字符串按预设长度（如15/10/10）智能切分：始终在空格前截断、不撕裂单词，并仅在必要时生成后续字段。
-
JavaScript数字运算因仅用IEEE754双精度浮点数表示而易出错，导致精度丢失（如0.1+0.2≠0.3）、比较异常等问题；浮点误差是标准特性非bug，应使用Math.abs(a-b)<ε代替===进行相等判断。
-
用transform和opacity不卡是因为它们仅走合成层，不触发重排重绘；而left、top等会触发layout→paint→composite全流程，导致掉帧。
-
alpha通道是控制颜色透明度的参数，0为完全透明，1为不透明；在rgba()或hsla()中第四个值即alpha，影响元素与背景的颜色混合效果，常用于实现半透明遮罩、背景融合等视觉设计。
