Skip to content

Main Navigation首页博客

外观

Sidebar Navigation

导览

HTML

DOCTYPE

script 标签位置

CSS

固定宽高比

JavaScript

语言基础

变量声明

==的机制

ES6 新增特性

Math 的常用方法

for-in 与 for-of

isNaN() 与 Number.isNaN()

Number.isNaN() 与 isNaN()

new fn 与 new fn()

null 与 undefined 的区别

ts 定义对象类型

typeof NaN 的结果

函数定义

区分数组与对象

尾调用

数据解构

立即执行函数

语言核心

作用域

原型与原型链

闭包

异步与事件

async与await原理

mouseenter 与 mouseover

e.target 与 e.currentTarget

不会冒泡的事件

取消请求

捕获 Promise 拒绝的方式

节流与防抖

静态问题

高级特性与API

Map 与 Set 的区别

Map 与 WeakMap 的区别

new 操作符

Proxy 监听嵌套对象的引用

改变 this 指向

编码与实现

JS倒计时纠偏

catch() 后的 .then()

this指向

typeof 的返回

var 的作用域

函数定义的优先级

函数的 this

函数的方法

函数的方法2

变量提升与优先级

宏/微任务

实现虚拟列表

捕获 Promise 的错误

模块与工程化

CommonJS 与 ES6 导入区别

pnpm 的优势

vue

Composition API

Vue2 与 Vue3的区别

对 Vue 的理解

hash 与 history 模式

ref 和 reactive

v-if 与 v-show 的区别

v-if 和 v-for 同时使用

watch 与 computed

保留模板注释

响应式系统

定义全局方法

渲染模式

渲染流程

组件的 name 选项

组件通讯方式

虚拟 DOM 和 DIFF 算法

跨域问题

浏览器

浏览器原理

传输过程

cookie、session 与 localStorage

算法思想

UI 架构模式

设计模式

网络与安全

RESTful

Content-Type

此页内容

首页
Q&A
编码与实现
实现虚拟列表

实现虚拟列表

约 80 字小于 1 分钟

2026-03-31

问题

如何实现虚拟列表？

虚拟列表是一种用来优化长列表渲染的技术，它可以实现只渲染可见区域的列表，降低浏览器的渲染压力。

实现方式：实现虚拟列表

贡献者: zhenghaoyang24

上一页宏/微任务

下一页捕获 Promise 的错误

🥼 vuepress-theme-plume & ✒️ Hoey