从一次线上事故看 IntersectionObserver 与 getBoundingClientRect 的性能差异-低调大师

从一次线上事故看 IntersectionObserver 与 getBoundingClientRect 的性能差异

2026-09-25 36

Vue 3 中 watch 和 watchEffect 的竞态问题与取消策略

在 Vue 3 组合式 API 里，watch 和 watchEffect 是处理副作用的常用工具。一个典型场景是搜索框输入联想：用户连续输入时，每次变化都触发异步请求，但网络响应顺序并不保证与请求顺序一致。如果先发出的请求后返回，就会用旧数据覆盖新结果，这就是竞态条件。更麻烦的是，组件在请求返回前被卸载，回调里仍然尝试修改已失效的响应式状态，控制台会抛出警告或内存泄漏。很多人只在请求库层面加 cancelToken，却忽略了 Vue 的副作用系统本身也提供了清理机制。这篇文章从实际代码出发，说明如何用 onCleanup 与 AbortController 配合，让 watch 和 watc...

2026-09-25

31

在 Vue 3 的 Composition API 里，watch 和 watchEffect 用起来很顺手，但一旦监听的回调里包含异步操作，比如请求接口、设置定时器、绑定事件，就很容易出现“上一次还没执行完，下一次又来了”的情况。典型场景是搜索框输入联想：用户快速输入几个字符，每次变化都发请求，返回顺序却不一定按发送顺序，导致最终展示的是过期结果。这类问题不会报错，但会让页面出现闪烁、数据错乱，排查起来很烦。Vue 提供了 onCleanup 回调，允许在副作用即将重新运行或监听器停止时做清理。这篇文章从实际代码出发，讲清楚 onCleanup 的触发时机、和 watch 的 flush 选...

2026-09-25

35

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

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等操作系统。