用 contenteditable 实现带高亮的富文本编辑器，为什么光标总是跳？-低调大师

用 contenteditable 实现带高亮的富文本编辑器，为什么光标总是跳？

2026-10-05 1

用 AbortController 取消 fetch 请求，别再让旧数据覆盖新结果

在搜索框输入关键词时，每敲一个字符就发一次请求，往往前一个请求比后一个慢，最后渲染出来的却是旧关键词的结果。这个场景在管理后台的表格筛选、地图拖拽加载点位上反复出现。问题根源是 fetch 本身没有取消能力，请求一旦发出就会完整走完，而回调里又直接 setState，谁最后返回谁就覆盖。早期常用一个 flag 变量或 axios 的 CancelToken 来挡住旧响应，但前者只是忽略结果、请求仍在跑，后者已经停止维护。浏览器原生提供了 AbortController，配合 fetch 的 signal 参数可以真正中断连接，同时也能在组件卸载时清理副作用。这篇文章从实际搜索框的坑出发，整理 ...

2026-10-05

0

在 Vue 3 项目里用 watch 或 watchEffect 监听响应式数据并触发异步请求，是很常见的操作。比如搜索框输入关键词、切换分页或筛选条件时，自动去后端拉取列表数据。但很多人会碰到这样的情况：快速连续输入时，页面上显示的搜索结果和输入框里的关键词对不上，或者后一次请求先返回、前一次请求后返回，把新数据覆盖成了旧数据。这类问题的根源是异步请求的返回顺序无法保证，而 watch 本身不会自动取消上一次未完成的请求。下面结合实际代码，聊聊怎么利用 AbortController、请求标识和 onCleanup 来避免这种竞态，同时也会涉及 watch 与 watchEffect 在这类...

2026-10-05

1

资源下载

更多资源

Mario

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

腾讯云软件源

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。