自定义比较函数可实现对象数组多级排序。其核心是遵循数值语义规则：返回负数表示前者应在前，正数反之，零则相等。多级排序通过短路逻辑串联，先比较主字段，若相等再比较次级字段。需注意单字段排序的准确性，并妥善处理空值等异常数据，以确保排序结果可靠。

基于history replaceState实现无刷新筛选时，需建立筛选状态与URL间的双向可靠映射。状态序列化为查询参数时，应使用URLSearchParams并仅在值变化时更新，同时在state中存储完整数据以便还原。监听popstate事件还原状态时，优先读取event state并批量更新UI以避免循环触发。对连续操作需引入防抖逻辑，对非连续操作可即

一、每个前端都写过的那坨请求代码 打开一个跑了一段时间的 Vue3 项目，大概率会在各个页面里看到这样的代码： 页面 A axios post( api order list , params, { headers: { Authorization: Bearer + localSto

JSON标准不支持BigInt类型，序列化时会报错。这是因为BigInt是后引入的类型，强行转为普通数字会导致精度丢失。可通过自定义toJSON方法或使用replacer函数将其转为字符串处理，但需注意全局修改可能引发冲突，且反序列化时需额外处理。建议在数据入口集中拦截转换，或使用字段命名约定来保持一致性。

在Angular中，radio单选通过name属性分组实现互斥，用ngModel进行双向绑定。选中后触发事件有三种方式：模板变量配合click事件、ngModel绑定后使用ngModelChange（推荐）、原生change事件。需注意数据绑定时机与事件触发顺序，避免数据不一致或遗漏更新。

Mock js在Angular中通过HttpInterceptor拦截API请求并返回模拟数据，实现前后端解耦，解决后端接口未完成或异常状态码难复现的问题。安装Mock js后创建数据模板，在拦截器中根据环境开关返回随机数据，提升开发与测试效率。

针对Vue3中后台多标签页场景，VueTabRouter插件提供了一套完整的工作台管理模型，以TabsManager为核心，统一处理页面打开、切换、缓存、关闭守卫、iframe通信等生命周期问题，避免了分散在store、路由、菜单等处的碎片化代码，支持单例与多开、页面级守卫，可独立接入已有项目。

DOMPurify是Vue3中防御XSS攻击的有效工具，可净化用户输入的HTML。通过计算属性实现响应式绑定或封装为自定义指令，简化安全处理。但需注意，客户端净化仅为最后防线，后端校验和CSP策略同样关键。