-
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)<ε代替===进行相等判断。
-
必须按LVHA顺序声明a:link、a:visited、a:hover、a:active伪类，:visited仅支持有限样式修改；禁用链接需用class+pointer-events或button替代；推荐启用text-decoration-skip-ink提升可读性。
-
div是无语义的块级容器，主要用于页面布局和内容分组。1.它通过包裹内容为CSS提供样式控制的“把手”，实现精准的布局与视觉设计；2.在复杂页面中，div通过逻辑分组构建模块化结构，提升代码可维护性；3.与JavaScript协同时，div作为动态内容的容器，支持内容更新与交互控制；4.当无合适语义化标签时，如表单分组或弹窗组件，应优先使用div；5.最佳实践包括语义优先、合理命名、避免过度嵌套，并结合现代CSS布局技术，防止“div汤”问题。正确使用div需在灵活性与语义化之间取得平衡。
-
transition-delay无法实现多属性串行执行，所有过渡起始时刻相同；须合并为单条transition声明，注意timing-function不可省略；负delay仅跳过动画前段而非改变触发时机；真需顺序执行应使用keyframes、JS事件或动画库。
