用户4937523596236

前言 LCP是页面核心性能指标中一个比较重要的指标，但是LCP的优化方向真是又多又繁杂，本文主要根据个人5年的前端性能优化经验，从优化资源的传输和构建产物优化两部分来介绍优...

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面...

写在最前 看官们好，我叫JetTsang，之前都是在掘金潜水来着，现在偶尔做一些内容输出吧 引出 作为一名前端工程师，大数据量的展示是我们日常的面临的挑战之一 大数据量展示...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏...

虚拟列表 - Vue3实现一个可动态改变高度的虚拟滚动列表 前言 在开发中经常遇到大量的渲染列表数据问题，往往我们就只是简单地遍历渲染，没有过多地去关注是否会存在性能问题，...

传统的网页或应用程序通常使用分页的方式来展示大量数据，用户需要点击下一页或加载更多按钮来获取下一批数据。然而，无限滚动通过动态加载数据来替代分页，使用户能够连续滚动页面，当...

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

`vue3-infinite-list`是一个针对vue3的短小精悍的无限滚动组件，它体积非常小、零依赖gzip只有 3kb。...

吃水不忘挖井人，本文受到百毒不侵(三)」结合“康熙选秀”，给大家讲讲“虚拟列表”文章的启发。 我将原文vue2的写法改为了vue3 setup语法，并且作了全新易于理解的注...

前言 移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按照A,B,C...首字母依次排序展示. 长...

狗头镇楼，不多bb，直接开整 定义变量 滚动 虚拟滚动第一条件首先是要能滚动，那么外框盒子高度固定，设置overflow: auto; 然后外框盒子内部内置一个高度为理论上...

作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都...

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理...

vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，...

Hooks是React等函数式编程框架中非常受欢迎的工具，合理使用可以为业务开发带来很多便利，在组合式API推出后，在vue之中也可以使用hook...

在我们项目开发中,经常会有布局`上下左右`拉伸的需求 接下来 让我们一步步用 `vue指令` 实现这个需求 `v-resize` 目前已支持Typescript...

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获...

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。最近几年，“拥抱 Hooks” 的口号呼声非常高，一开始是 ` React `，...