在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！

一. 什么是 tree-shaking 前端中的 tree-shaking 可以理解为通过工具"摇"我们的 JS 文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack

一、使用背景 业务开发中存在长列表显示需求，一些用户的聊天列表会出现几千条数据的情况，也就意味着要一次性渲染几千条数据，造成明显的卡顿，这时就有必要对聊天列表进行性能优化来提升用户体验。 对于这种需求

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。

前言 GIF 我相信大家都不会陌生，由于它被广泛的支持，所以我们一般用它来做一些简单的动画效果。一般就是设计师弄好了之后，把文件发给我们。然后我们就直接这样使用： 这样就能播放一个 GIF ，不知道大

一个简单的toast组件，利用createApp方法，挂载到实际的dom元素，支持组件调用和api调用方式。

背景 一、import按需加载 很多小伙伴肯定不少看到过，性能优化路由要用import('@/views/xxxx.vue')这样就可以按需加载了。 本身的vue-cli自动创建出来的时候也会有这一条