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

大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的各个方面，包括但不限于衡量性

前言 我们日常开发中经常会遇到需要接受后端返回的二进制的格式的数据，那么我们应该如何将二进制的文件内容，转变成需求中要求的格式呢？这个时候我们必须要和 Blob File ArrayBuffer Ty

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 帧开始。窗口尺寸变更，页面滚去等的处…

在web开发中，自定义滚动条是个常见的需求，虽然浏览器原生的滚动条很强大并且在大多数场景下表现的很好，但某些时候我们仍然希望修改他的样式，比如变细一点，或者去掉圆角和轨道，又或者隐藏他们。这些都属于自定义行为，本篇文章将介绍自定义滚动条的几种实现思路，并着重讲解最流行的js方案…

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

本文详细了介绍开发过程中涉及较多的四种浏览器储存，这也是前端面试中的常考的点，本文还涵盖了几者的差异及使用情景

本篇文章主要讲述的是Vite打包优化，下面就跟大家分享一下我总结的一些有关Vite打包的优化方案吧！

日志对于我们服务端排查定位问题非常重要，本文通过 koa-logger 和 koa-log4js 讲解了如何上报日志。