這次要介紹的是列表組件。為了寫它,我花了有將近2周的晚上,才一點一點的把它寫到現在這個程度。到目前為止,一共寫了有17個文件,雖然沒有覆蓋到一些更復雜的場景,但是把我當時計划寫這個組件的基本目的已經完成了。先給大家看看我最后寫出來的文件情況: 也許有人會好奇,一個列表的功能怎么會寫出這么多 ...
這是我寫的關於列表組件的第 篇博客。前面的相關文章有: . 列表組件抽象 概述 . 列表組件抽象 listViewBase說明 . 列表組件抽象 分頁和排序管理說明 . 列表組件抽象 滾動列表及分頁說明 本文介紹如何實現一個簡潔易用的表格組件。 它對應的源碼是: https: github.com liuyunzhuge blog blob master form src js mod listV ...
2016-09-21 09:25 1 1310 推薦指數:
這次要介紹的是列表組件。為了寫它,我花了有將近2周的晚上,才一點一點的把它寫到現在這個程度。到目前為止,一共寫了有17個文件,雖然沒有覆蓋到一些更復雜的場景,但是把我當時計划寫這個組件的基本目的已經完成了。先給大家看看我最后寫出來的文件情況: 也許有人會好奇,一個列表的功能怎么會寫出這么多 ...
這篇文章要分享的是我在做表單界面開發的一部分經驗,關於表單數據設置和收集這一塊的。整體而言,這篇文章總結的東西有以下的特點: 1)api簡單,使用起來很容易; 2)簡化了表單新增和編輯,可以讓新增和編輯使用同一個表單頁面; 3)基本上與UI分離,所以很容易應用到各類項目的開發當中。 涉及到的組件 ...
這是我寫的關於列表組件的第4篇博客。前面的相關文章有: 1. 列表組件抽象(1)-概述 2. 列表組件抽象(2)-listViewBase說明 3. 列表組件抽象(3)-分頁和排序管理說明 本文介紹列表組件中我對滾動列表及滾動分頁的實現思路。 在pc端,通過滾動進行翻頁的需求非常常見 ...
這是我寫的關於列表組件的第3篇博客。前面的相關文章有: 1. 列表組件抽象(1)-概述 2. 列表組件抽象(2)-listViewBase說明 本文介紹列表組件中我對分頁和排序的抽象思路。 先來說分頁,因為之前寫過一篇簡單封裝分頁功能pageView.js,這次封裝分頁時的思路基本與那篇 ...
Lin UI 是基於linui微信小程序原生語法 實現的組件庫。遵循簡潔、易用的設計規范。 【林間有風LinUI】 1.官方demo:http://face.cms.7yue.pro/ 2.文檔:http://doc.cms.7yue.pro/lin/client ...
https://css-tricks.com/rendering-lists-using-react-virtualized/ ...
之前一直想寫一篇關於抽象 Vue 組件的隨筆,無奈一直沒想到好的例子。恰巧最近為公司項目做了一個數字鍵盤的組件,於是就以這個為例聊聊如何抽象 Vue 的組件。 先上 Demo 與 源碼。(demo最好在瀏覽器里以手機模式瀏覽) 在講具體實現前,我想先分享下自己認為的理想的公用組件是什么 ...
本文內容相當簡單,所以沒有發布到博客園首頁,如果你不幸看到,那只能是我這篇文章的榮幸,謝謝你的大駕光臨~(本博客返回頂部的功能就使用的是這個組件) 返回頂部組件是一種極其常見的網頁功能,需求簡單:頁面滾動一定距離后,顯示返回頂部的按鈕,點擊該按鈕可以將滾動條滾回至頁面開始的位置。實現思路也很容易 ...