页面引导功能是 web 开发中常见的一个功能。通过页面引导功能,你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库,上...
前端
JSON非常慢吗,有没有更好的替代方案呢?
是的,你没听错!JSON,这种在网络开发中普遍用于数据交换的格式,可能正在拖慢我们的应用程序。在速度和响应性至关重要的世界里,检查 JSON 的性能影响至关重要。在这篇博客中,深入探讨 JSON 可能成为应用程序...
聊一聊常见的浏览器数据存储方案
今天来聊一聊常见的浏览器数据存储方案:localStorage、sessionStorage、IndexedDB、Cookies。 1. 概述 现代浏览器中提供了多种存储机制,打开浏览器的控制台(Mac 可以使用 Command + Option + J 快捷键...
性能优化,前端时间分片渲染简单做法
在经典的面试题中:”如果后端返回了十万条数据要你插入到页面中,你会怎么处理? ” 除了像 useVirtualList 这样的虚拟列表来处理外,我们还可以通过 时间分片 来处理 通过 setTimeout 直接上一个...
手写 EventBus 直接被三连问,来看看最优解
什么是 EventBus EventBus 事件总线是发布订阅设计模式的应用。多个模块 module1,module2,module3都订阅了事件 EventA ,然后我们在 module4 中通过事件总线发布事件 EventA...
不满意网上的Token无感知刷新方案,自己琢磨了个解决方案~
大家设想一下,如果有一个超级大的表单页面,用户好不容易填完了,然后点击提交,这个时候请求接口居然返回401,然后跳转到登录页。。。那用户心里肯定是一万个草泥马~~~ 所以项目里实现token无感知刷新是很...
懒加载实现思路
思路一:监听滚动事件 监听滚动事件指的是:通过监听页面的滚动事件,判断需要懒加载的元素是否进入可视区域。当元素进入可视区域时,动态加载对应的资源。这种方式需要手动编写监听滚动事件的逻辑,可能会...
post 为什么会发送两次请求
同源策略 在浏览器中,内容是很开放的,任何资源都可以接入其中,如 JavaScript 文件、图片、音频、视频等资源,甚至可以下载其他站点的可执行文件。 但也不是说浏览器就是完全自由的,如果不加以控制,就...
浅谈前端出现率高的设计模式
说到设计模式,大家想到的就是六大原则,23种模式。这么多模式,并非都要记住,但作为前端开发,对于前端出现率高的设计模式还是有必要了解并掌握的,浅浅掌握9种模式后,整理了这份文章。 那么,我们先了解...
导入个Excel页面直接卡死,看我如何处理T0生产事故~
背景我们都知道JavaScript是单线程的语言,也就是说同步代码都需要排队去执行,这样就会造成很多问题,就比如今天讲的:数据量大的excel文件的导入导出,会造成整个页面出现“假卡死”的现象。什么是“假卡死”呢?...
