虚拟列表
5篇文章 · 0订阅
  • 【性能优化】Canvas虚拟列表技术方案详解
    🎯 方案背景 在处理大数据量列表渲染时，传统DOM方案面临严重性能瓶颈： 传统方案痛点 DOM操作开销巨大：10万条数据创建10万个DOM节点，内存占用高 重排重绘频繁：滚动时大量DOM操作导致页面卡
    Canvas
  • 几种虚拟列表技术方案调研
    背景 什么是虚拟列表？ 虚拟列表（Virtual List）是一种优化长列表渲染性能的技术。其核心思想是只渲染可见区域的列表项，而不是渲染所有数据。当用户滚动时，动态地创建和销毁 DOM 元素，从而大
    前端 Vue.js JavaScript
  • 瀑布流优化：历经一周的时间，我终于把小红书的瀑布流虚拟列表撕出来了🧐！
    实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。
    前端 Vue.js JavaScript
    瀑布流优化：历经一周的时间，我终于把小红书的瀑布流虚拟列表撕出来了🧐！
  • 女友看了小红书的pc端后，问我这个瀑布流的效果是怎么实现的？🤔
    瀑布流虚拟列表前置篇，分析小红书瀑布流特点，实现不定高卡片的瀑布流组件并且实现触底加载更多以及响应式布局
    前端 Vue.js CSS
    女友看了小红书的pc端后，问我这个瀑布流的效果是怎么实现的？🤔
  • 定高的虚拟列表会了，那不定高的...... 哈，我也会！看我详解一波！🤪🤪🤪
    之前用原生 JS 实现了一个定高的虚拟列表，这次使用 Vue3 封装一个不定高的，并利用 Vue3.3 的泛型组件以及defineSlots 新特性来让我们组件类型更加规范
    前端 Vue.js 面试
    定高的虚拟列表会了，那不定高的...... 哈，我也会！看我详解一波！🤪🤪🤪