在经典的面试题中：”如果后端返回了十万条数据要你插入到页面中，你会怎么处理？ ” 除了像 useVirtualList 这样的虚拟列表来处理外，我们还可以通过 时间分片 来处理 通过 setTimeout 直接上一个...

什么是 EventBus EventBus 事件总线是发布订阅设计模式的应用。多个模块 module1，module2，module3都订阅了事件 EventA ，然后我们在 module4 中通过事件总线发布事件 EventA...

大家设想一下，如果有一个超级大的表单页面，用户好不容易填完了，然后点击提交，这个时候请求接口居然返回401，然后跳转到登录页。。。那用户心里肯定是一万个草泥马~~~ 所以项目里实现token无感知刷新是很...

思路一：监听滚动事件 监听滚动事件指的是：通过监听页面的滚动事件，判断需要懒加载的元素是否进入可视区域。当元素进入可视区域时，动态加载对应的资源。这种方式需要手动编写监听滚动事件的逻辑，可能会...

同源策略 在浏览器中，内容是很开放的，任何资源都可以接入其中，如 JavaScript 文件、图片、音频、视频等资源，甚至可以下载其他站点的可执行文件。 但也不是说浏览器就是完全自由的，如果不加以控制，就...

说到设计模式，大家想到的就是六大原则，23种模式。这么多模式，并非都要记住，但作为前端开发，对于前端出现率高的设计模式还是有必要了解并掌握的，浅浅掌握9种模式后，整理了这份文章。 那么，我们先了解...

背景我们都知道JavaScript是单线程的语言，也就是说同步代码都需要排队去执行，这样就会造成很多问题，就比如今天讲的：数据量大的excel文件的导入导出，会造成整个页面出现“假卡死”的现象。什么是“假卡死”呢？...

最近很多人在问，在 Vue3 中如何去做大文件的上传、暂停、续传，接下来就讲讲我的思路吧~ 切片上传 大文件上传优化，肯定涉及到切片上传，顾名思义，就是把大文件切成一个一个的小片段，去上传，主要...

现如今，网站开发普遍采用前后端分离的模式，数据交互成为了不可或缺的关键环节。在这个过程中，XHR 和 Fetch API 是两种最常见的方法，用于从 Web 服务器获取数据。XHR 是一种传统的数据请求方式，而 Fetch API...

协同文档 在平时的开发中，协同文档真的帮助到了我们很多，他可以应用到很多场景，比如： 需求文档同步 信息收集 公司内部文档编写 所以现阶段协同文档也是市面上很火的一种趋势，比较火的产品...