- 博客(11)
- 收藏
- 关注
RSS订阅原创 防抖 + 请求取消：实现优雅的自动补全功能
本文介绍了如何通过防抖（debounce）和请求取消（AbortController）优化在线文档系统的AI续写功能。当用户快速输入时，未优化的系统会触发多次无效API请求。解决方案结合了两种技术：1）防抖延迟请求1.5秒，等待用户停止输入；2）使用AbortController取消前序请求。文章提供了TypeScript实现代码，并展示了优化效果（从6次请求降为1次），同时给出了React和Vue的hooks版本。这种组合方案适用于搜索框、自动补全等场景，能显著减少服务器负载并提升用户体验。
2026-02-24 22:57:34
252
原创 使用 vite配置项 rollupOptions.output.manualChunks 以及插件 vite-plugin-compression 优化打包以及包体积大小
本文介绍了优化前端应用打包体积的两种关键方法：1)通过Rollup的manualChunks配置实现代码分割，将第三方库和业务代码拆分为独立模块；2)使用vite-plugin-compression插件进行静态资源压缩。这两种技术结合可以显著减少初始加载时间，提升用户体验，特别适用于大型应用。文章还提供了详细的配置示例，并预告后续将探讨CDN加速等进阶优化策略。
2025-11-18 11:21:13
403
原创 IntersectionObserver API 基本使用
IntersectionObserver API 交叉观察器，主要用于设置一个root元素，以及需要观察的元素，当root元素与需要观察的元素重叠时，将会触发观察器的回调函数。回调函数entries、observer，entries是一个监听元素的数组，这意味着可以监听多个元素。通过 IntersectionObserve 创造一个观察器。
2025-11-13 11:23:23
150
原创 JavaScript数组方法之reduce
为数组中每个元素执行的函数。其返回值将作为下一次调用。在数组中的索引位置。在第一次调用时，如果指定了。在第一次调用时，如果指定了。对于最后一次调用，返回值将作为。在第一次调用时，如果指定了。则为指定的值，否则为。
2024-11-17 17:10:09
275
原创 全局安装nodemon
nodemon是一个帮助开发基于Node.js的应用程序的工具，当检测到目录中的文件更改时，它会自动重新启动节点应用程序。如安装失败可以更换npm镜像为淘宝镜像等。
2024-11-15 17:15:06
695
原创 手写防抖动函数
通过鼠标在盒子上移动，里面的数字自增，并且不让它执行多次：单位时间内，频繁触发事件，只执行最后一次：内嵌函数可以访问定义在外层函数的所有变量和函数，并包括器外层函数能访问的所有变量和函数。
2023-06-01 16:18:41
261
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人