自定義乙個虛擬滾動列表模板

2021-10-11 18:05:27 字數 798 閱讀 5643

前言:

一些很直白,不可逃避的問題:

你時間很多嗎?

為什麼要花時間去寫通用元件?

為什麼不直接使用ui元件庫的東西?

你寫的有人家的好嘛(冷笑嘲諷)?

這些問題我大部分也回答不了,或者說給不了清晰的答案

只能說,我還享受著這種在**世界裡做著自己想做的東西的狀態

什麼是虛擬滾動列表?

通俗的說,就是前端頁面永遠只渲染幾個或者幾十個dom,就能達到滾動展示成千上萬條資料的效果,不會造成頁面卡頓(核心)。

虛擬滾動列表可以說詮釋了vue的核心觀念:資料驅動檢視。

前端環境: vue2.5+

1.布局

載入更多

2.樣式

3.js(重點)

虛擬滾動列表的核心在於:

1、監聽滾動事件,動態計算開始和結束索引,獲取真正渲染到頁面上的資料

2、監聽滾動事件,動態計算偏移量,模擬滾動效果

以上乙個虛擬滾動列表就基本做好了,只要理解了核心點,自動動手寫一下也是很快的。

如果自己專案中有長列表需求,可以試一試

我是mofle,

自定義乙個死鎖

在鎖o1釋放之前需要等待鎖o2的釋放 在鎖o2釋放之前需要等待鎖o1的釋放.死在無限等待對方釋放鎖的迴圈中.這只是乙個簡單的死鎖 a需要b,b需要a 複雜一些的有 a需要b,b需要c,c需要a.public class demo6 implements runnable catch interrup...

自定義乙個TagLayout

自定義乙個標籤自動排版顯示的布局。效果 思路 一 確定布局的寬,高。寬度確定 所有行中,寬度最寬的行即為這個布局的寬。高度確定 所有行的高度加起來 即 為這個布局的高度。二 擺放子view思路 如果能夠確定每乙個child的 right 和 bottom 或者 left,top,那麼就可以遍歷每乙個...

實現乙個自定義元件

如果要建立乙個自定義元件,你需要重寫uicomponent類的某些方法,最少需要重寫如下方法 建構函式,createchildren commitproperties measure layoutchrome updatedisplaylist 基礎語句結構如下 package mycomponen...