有趣的git 这篇文章主要介绍了 Git 的相关知识，包括基础概念如 fork、clone、git remote、git branch、commit 等，以及工作区域的划分。还讲解了 PR 和 MR

图片Base64转File对象时 无前缀信息时 如何正常的转换成File对象 如何正确的获取图片格式

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

前端长列表性能优化方式：虚拟列表 vue-virtual-scroll-list的使用方式以及实现原理

前言 最近由于列表需要渲染一万+数据，导致渲染起来很卡，本来是准备直接加一个分页，但是和产品batter了好久，始终不通过这个方案，所以就决定使用虚拟列表滚动进行展示...

之前用原生 JS 实现了一个定高的虚拟列表，这次使用 Vue3 封装一个不定高的，并利用 Vue3.3 的泛型组件以及defineSlots 新特性来让我们组件类型更加规范

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。