浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查-低调大师

浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查

2026-09-20 48

Vue 3 中 watch 和 watchEffect 的竞态问题：如何避免旧请求覆盖新结果

在 Vue 3 项目里用 watch 或 watchEffect 监听筛选条件并发送请求，是再常见不过的场景。比如搜索框输入关键词后，每变一次就调一次接口，然后赋值给列表。如果用户的输入速度比接口返回速度快，就很可能出现先发出的请求后返回，把后发出请求的结果覆盖掉。页面显示的列表和当前输入框内容对不上，用户看到的是上一次搜索结果。这个问题本质是请求的竞态，而不是 Vue 响应式本身的问题。Vue 的 watch 回调默认不会等待上一次异步操作结束，每次触发都独立执行。解决办法通常分两类：在回调内部通过闭包或 onCleanup 做取消/忽略标记，或者借助 AbortController 真正中...

2026-09-20

50

最近在一个后台管理项目的财务模块里，需要在页面上展示多币种金额、百分比、文件大小和紧凑数字（比如 12.3K、1.2M），后端返回的都是原始数值，前端要按不同地区用户的习惯做本地化格式化。以前团队里习惯手写 toFixed、字符串截取加符号，结果遇到欧元符号位置、印度数字分组（1,00,000 这种）、阿拉伯语环境下的数字方向时，代码里全是判断分支，维护起来很痛苦。后来把这类需求统一交给 Intl.NumberFormat，大部分逻辑都收敛成配置项了。这篇文章整理一下我在实际项目里用到的几种配置方式，包括普通数字分组、货币格式、百分比、紧凑计数，以及如何通过 formatToParts 做更细...

2026-09-20

31

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。