在经典的面试题中:”如果后端返回了十万条数据要你插入到页面中,你会怎么处理? ” 除了像 useVirtualList 这样的虚拟列表来处理外,我们还可以通过 时间分片 来处理 通过 setTimeout 直接上一个...
JavaScript 小惊喜:对于空数组every()方法居然返回true
JavaScript 语言的内核足够大,导致我们很容易误解它的某些部分是如何工作的。 我最近重构了一些使用 every ()方法的代码,并且发现我并不真正理解every()的逻辑。 在我看来,我认为回调函数必须被调用并...
手写 EventBus 直接被三连问,来看看最优解
什么是 EventBus EventBus 事件总线是发布订阅设计模式的应用。多个模块 module1,module2,module3都订阅了事件 EventA ,然后我们在 module4 中通过事件总线发布事件 EventA...
不满意网上的Token无感知刷新方案,自己琢磨了个解决方案~
大家设想一下,如果有一个超级大的表单页面,用户好不容易填完了,然后点击提交,这个时候请求接口居然返回401,然后跳转到登录页。。。那用户心里肯定是一万个草泥马~~~ 所以项目里实现token无感知刷新是很...
懒加载实现思路
思路一:监听滚动事件 监听滚动事件指的是:通过监听页面的滚动事件,判断需要懒加载的元素是否进入可视区域。当元素进入可视区域时,动态加载对应的资源。这种方式需要手动编写监听滚动事件的逻辑,可能会...
Vue的@input怎么做到不监听输入法拼音的
背景 最近我的朋友去面某大厂前端岗位,被问到这么一个问题:vue 中怎么做到输入法输入拼音时不触发 @input 事件呢? 以前还真没留意过这件事情,毕竟大部分时间用 Vue 就是单纯地用来开发项目,哪会...
用这5个技巧将你的Vue技能提升到新的高度
在这篇文章中,我们将探讨五个实用的 Vue 技巧,这些技巧可以使你日常使用 Vue 编程更高效、更富有成效。无论你是Vue的初学者还是经验丰富的开发者,这些技巧都能帮助你编写更清晰、更简洁、更有效的代码。那么...
8 个很棒的 Vue 开发技巧
1.路由参数解耦 通常在组件中使用路由参数,大多数人会做以下事情。 export default { methods: { getParamsId() { return this.$route.params.id } } } 在组件中...
图解 60 个 CSS 选择器,一网打尽!
CSS 选择器用于选择 HTML 元素并将样式应用于它们。使用这些选择器,可以定义特定条件下应用哪些样式。除了普通的选择器外,还有伪类和伪元素,用于选择具有特定状态或特定部分的元素,并将样式应用于它们。本文...
post 为什么会发送两次请求
同源策略 在浏览器中,内容是很开放的,任何资源都可以接入其中,如 JavaScript 文件、图片、音频、视频等资源,甚至可以下载其他站点的可执行文件。 但也不是说浏览器就是完全自由的,如果不加以控制,就...
