组件库工程化概述 在 必不可少的UI组件——组件库开发的基础知识(Vue篇) 中,我们介绍了一些封装 Vue 组件的过程中高频使用到的框架技巧,但是,这并不足以支持我们实现完善的组件库。 建设一个成熟的组件库...
必不可少的UI组件一——组件的基础知识
主要是基于组件库开发的场景,介绍了 Vue 组件开发的基础知识与优秀实践。 前言 很多同学随着自己前端技能的增长,不满足于常规的业务开发,开始想着做一些自己的技术积累。例如学会了 Vue...
聊一聊常见的浏览器数据存储方案
今天来聊一聊常见的浏览器数据存储方案:localStorage、sessionStorage、IndexedDB、Cookies。 1. 概述 现代浏览器中提供了多种存储机制,打开浏览器的控制台(Mac 可以使用 Command + Option + J 快捷键...
JavaScript错误处理完整指南
本文将带你了解 JavaScript 中常见的错误类型,处理同步和异步 JavaScript/Node.js 代码中错误和异常的方式,以及错误处理最佳实践! 1. 错误概述 JavaScript 中的错误是一个对象,在发生错误时会抛出该对...
你 JavaScript 正在泄漏内存而你却不知道
内存泄漏可以被视为你家中的水泄漏;虽然一开始小滴水可能看起来不是什么大问题,但随着时间的推移,它们可能会造成严重的损害。 同样,在JavaScript中,当不再需要的对象没有从内存中释放时,就会发生内存泄...
性能优化,前端时间分片渲染简单做法
在经典的面试题中:”如果后端返回了十万条数据要你插入到页面中,你会怎么处理? ” 除了像 useVirtualList 这样的虚拟列表来处理外,我们还可以通过 时间分片 来处理 通过 setTimeout 直接上一个...
JavaScript 小惊喜:对于空数组every()方法居然返回true
JavaScript 语言的内核足够大,导致我们很容易误解它的某些部分是如何工作的。 我最近重构了一些使用 every ()方法的代码,并且发现我并不真正理解every()的逻辑。 在我看来,我认为回调函数必须被调用并...
手写 EventBus 直接被三连问,来看看最优解
什么是 EventBus EventBus 事件总线是发布订阅设计模式的应用。多个模块 module1,module2,module3都订阅了事件 EventA ,然后我们在 module4 中通过事件总线发布事件 EventA...
不满意网上的Token无感知刷新方案,自己琢磨了个解决方案~
大家设想一下,如果有一个超级大的表单页面,用户好不容易填完了,然后点击提交,这个时候请求接口居然返回401,然后跳转到登录页。。。那用户心里肯定是一万个草泥马~~~ 所以项目里实现token无感知刷新是很...
懒加载实现思路
思路一:监听滚动事件 监听滚动事件指的是:通过监听页面的滚动事件,判断需要懒加载的元素是否进入可视区域。当元素进入可视区域时,动态加载对应的资源。这种方式需要手动编写监听滚动事件的逻辑,可能会...