-
本文介绍在排序算法可视化项目中，如何通过状态标志与异步控制实现安全、即时的全局中止功能，避免直接刷新页面，同时兼容递归算法（如归并、快排），确保DOM状态可恢复、执行流程可中断。
-
dynamic-range媒体查询不支持CSS颜色渲染模式切换，它仅反映设备HDR显示能力，与色域、色彩空间无关，不能用于控制sRGB/P3等颜色模式。
-
Sass缩进必须用2空格（禁Tab），编辑器设insertSpaces=true/tabSize=2，禁用Prettier；注释用//静默或/!/保留；数值参数不带单位，用type-of()校验；@use需加命名空间前缀。
-
使用:not伪类可精准排除特定元素，如div>:not(p)为非段落子元素设边距，.btn:not(.disabled)避免禁用按钮交互，li:not(:first-child)添加分隔线，a:not(.nav-item,.footer-link)排除多类链接，提升样式灵活性与可维护性。
-
iOSSafari中fixed定位失效的根本原因是视口设置不当及系统渲染机制差异，需配合viewport-fit=cover、JS焦点监听与降级方案解决。
-
JavaScript解构赋值是改变变量绑定的语言特性，非语法糖；数组解构按索引顺序匹配，支持跳过、默认值和剩余元素；对象解构按属性名匹配，支持重命名、默认值和嵌套解构；函数参数可解构但需防深层嵌套报错；解构仅读自有属性，不递归、不查原型链。
-
WebSocket是浏览器与服务器间持久双向通信协议，通过HTTP握手（客户端发Upgrade请求，服务端回101响应）建立连接，实现低延迟、低开销的实时通信。
-
object-position在<img>上无效是因为它仅对替换元素生效且必须配合object-fit使用；单独设置无效，需显式指定object-fit:cover/contain/none才能激活定位功能。
-
HTML里怎么让或显示项目符号默认就会显示，但很多人改了CSS又发现符号没了——问题通常出在list-style被设成了none，或者父容器用了display:flex/display:grid导致列表项丢失默认渲染逻辑。实操建议：检查是否无意中写了ul,ol{list-style:none;}（常见于重置样式表或CSS框架）list-style是简写属性，等价于list-style-type+list-style-position+list-style-im
-
本文深入解析Vue组件中$refs在条件渲染模态框（如v-if控制的<b-modal>）内无法及时访问的根本原因，并提供可靠、可复现的修复方案，适用于Nuxt项目及所有基于Vue2/3的场景。
-
JSON是字符串而非对象，需用JSON.parse()解析、JSON.stringify()生成；键名必须双引号，不支持单引号、undefined、函数等；格式错误会直接报错。
-
缩放和旋转动画冲突的本质是transform属性后声明覆盖前声明，浏览器不叠加而整体替换；必须将scale与rotate合并至同一transform值中，通过多关键帧精细控制节奏，并显式设置transform-origin以避免偏移。
-
Grid布局中“换行异常”实为grid-auto-flow默认row流向与预期column流向不一致所致；应根据需求选用row/column/dense流向，配合grid-template-columns、grid-auto-rows等控制轨道尺寸与填充顺序。
-
empty()方法清空元素内容但保留元素本身，用于动态更新页面前的清理。示例中$('#container').empty()将移除内部所有子节点，HTML由包含p和span变为仅剩div容器。与remove()不同，empty()不删除元素自身，适合保留结构、重置内容的场景，如清空列表、表格或AJAX请求前清理展示区域，避免破坏事件绑定，推荐用于需保留父容器的场合。
-
ITCSS六层顺序不可调换，因决定CSS加载与权重优先级：settings/tools最前（变量/函数），generic次之（全局重置），objects/components居中（布局/组件），trumps垫底（工具类）；@import或@use必须严格按层归类导入，objects与components需分离结构与视觉职责，trumps禁用语义名且仅含单一行为样式。
