Seita
V2EX  ›  Vue.js

Vue 2.0 无限下拉组件

  •  1
     
  •   Seita ·
    egoist · Oct 22, 2016 · 11444 views
    This topic created in 3538 days ago, the information mentioned may be changed or developed.
    9 replies    2017-05-11 20:56:45 +08:00
    RoundCat
        1
    RoundCat  
       Oct 22, 2016 via Android
    不错,不过这让我想起了某度的首页😓😓😓
    Kaiyuan
        2
    Kaiyuan  
       Oct 22, 2016   ❤️ 1
    无限下拉是一个体验极差的模式,手机上内存不足会自动刷新,然后就又在重新加载最开始的位置。
    然而为什么那么多网页和 Apps 会用?
    Seita
        3
    Seita  
    OP
       Oct 22, 2016
    @Kaiyuan 很明显,利大于弊
    doubleflower
        4
    doubleflower  
       Oct 22, 2016
    @Kaiyuan 那是没实现好,前面的可以回收,特别是大图片。
    Kaiyuan
        5
    Kaiyuan  
       Oct 22, 2016
    @Seita 如果只是加载几页的内容是利大于弊,但是如果是内容归档需要加载超过十页的内容就是一种鸡肋。例如豆瓣东西、 Flickr 这些网站居然都是用无限加载,我 16G 内存用 Chrome 都经常卡的不行。
    bertonzh
        6
    bertonzh  
       Oct 22, 2016
    我所理解的 Infinity 组件是滚动到下面时,顶部的会自动回收,滚动到上面时,上面的重新 render ,下面的被回收。
    Seita
        7
    Seita  
    OP
       Oct 23, 2016 via Android
    @bertonzh 什么叫回收……
    bertonzh
        8
    bertonzh  
       Oct 23, 2016
    @Seita 你看看 https://github.com/airbnb/infinity ,就算 data 里面有 1w 条,实际渲染到 DOM 的始终不会超过 100 条。这样渲染大量列表也不会卡。
    speak123
        9
    speak123  
       May 11, 2017
    将 2d transform 换成 3d 就可以强制开启 GPU 加速 提高动画性能 /div { transform: translate(10px, 10px);}div { transform: translate3d(10px, 10px, 0); 也可以增加性能。iscroll.js 就是这么做的。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4226 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 10:10 · PVG 18:10 · LAX 03:10 · JFK 06:10
    ♥ Do have faith in what you're doing.