Im滚动相关
9篇文章 · 0订阅
  • Web长列表的救星？谷歌推出Virtual Scroller
    在刚刚结束的 Chrome dev summit 2018 上，谷歌工程经理 Gray Norton 向我们介绍 virtual-scroller，一个 Web 滚动组件，未来它可能会成为 Web 高层级 API（Layered API）的一部分。它的目标是解决长列表的性能问题
  • 「前端进阶」高性能渲染十万条数据(时间分片)
    在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…
    JavaScript 性能优化
    「前端进阶」高性能渲染十万条数据(时间分片)
  • 「前端进阶」高性能渲染十万条数据(虚拟列表)
    在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…
    Vue.js 性能优化
    「前端进阶」高性能渲染十万条数据(虚拟列表)
  • vue+element select组件结合vue-virtual-scroll-list插件解决数据量太大，导致渲染过慢
    因为项目中数据量有时候过于庞大，使用elementui的select组件时，会导致下拉框加载数据蛮并且卡顿甚至于卡死，为解决这个问题，发现vue-virtual-scroll-list这个插件
    Element
  • 用 Vue 实现带 Dom 回收功能的无尽滚动列表组件
    Complexities of an Infinite Scroller 文中例子的 vue 实现
    Vue.js
    用 Vue 实现带 Dom 回收功能的无尽滚动列表组件
  • 一个支持百万量级的vue3无限滚动组件
    `vue3-infinite-list`是一个针对vue3的短小精悍的无限滚动组件，它体积非常小、零依赖gzip只有 3kb。
    前端 Vue.js
    一个支持百万量级的vue3无限滚动组件
  • 基于vue的在线聊天软件
    Document中文English功能列表1.登录注册2.添加好友&删除好友3.发送消息4.重新连接5.消息重发6.上传头像&个人信息7.附近联系人8.国际化待开发1.朋友圈2.优化消息重发机制效果登
    Vue.js WebSocket
  • 前端长列表优化之虚拟滚动vue-virtual-scroller
    一、使用背景 业务开发中存在长列表显示需求，一些用户的聊天列表会出现几千条数据的情况，也就意味着要一次性渲染几千条数据，造成明显的卡顿，这时就有必要对聊天列表进行性能优化来提升用户体验。 对于这种需求
    前端
  • [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解
    原文地址：https://developers.google.com/web/updates/2016/07/infinite-scroller 原文作者：Surma 译者：王芃 摘要: 重用你的 DOM 元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位符。这里是一个无尽滚…
    JavaScript 设计模式 程序员
    [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解