資訊專欄INFORMATION COLUMN
摘要：還有一些小功能，比如滑動(dòng)邊界遞減，自動(dòng)滑動(dòng)，垂直水平滑動(dòng)可配置后續(xù)我們計(jì)劃增加手勢(shì)縮放圖片頁面內(nèi)部切換等更強(qiáng)大的功能，希望有更多的人來使用，也歡迎大家提交和爭取打造最好用的移動(dòng)端滑動(dòng)組件。
iSlider是一個(gè)專為移動(dòng)端設(shè)計(jì)的滑動(dòng)組件，項(xiàng)目地址: https://github.com/BE-FE/iSlider
iSlider是我參與的第二個(gè)比較正式的開源項(xiàng)目，主要編寫了里面的動(dòng)畫部分，滾動(dòng)圖效果在PC上早已是個(gè)小兒科的問題，也有很多成熟的庫可以用。剛聽說這個(gè)項(xiàng)目的時(shí)候，我也覺得有點(diǎn)重復(fù)造輪子的感覺，不過后來聽了作者的代碼分享，感覺這個(gè)項(xiàng)目還是非常有價(jià)值的，最終我也加入到了代碼貢獻(xiàn)者的行列中了：
應(yīng)用場景豐富，在PC下，輪播圖只是整個(gè)網(wǎng)站中的一個(gè)小組件，有時(shí)甚至可有可無，但是移動(dòng)端往往會(huì)在頁面的主要展示上采用滑動(dòng)效果，尤其是微信深入大家的生活之后更是如此。
DOM元素最小化，一般的輪播圖都是有幾幅圖片，就會(huì)在頁面中添加幾個(gè)圖片，可能還要包括外層的鏈接、容器等元素，而目前iSlider無論需要多少圖片，在頁面中永遠(yuǎn)不超過3個(gè)
容器，這在移動(dòng)端是非常有意義的，不會(huì)出現(xiàn)越滾越卡的情況了。
小而美，壓縮后只有2kb，不依賴任何庫或是框架，只針對(duì)移動(dòng)端設(shè)計(jì)，滑動(dòng)效果高效流暢。
功能強(qiáng)大，目前包括以下功能：
1. 圖片和dom 兩種類型滑動(dòng)，圖片的類型很適合讀圖類的app，dom類型則可以根據(jù)需要配置成各式各樣的webapp 2. 自定義的事件回調(diào)，你可以在滑動(dòng)中，滑動(dòng)結(jié)束，或是滑動(dòng)開始綁定自己的事件回調(diào) 3. 可配置的滑動(dòng)動(dòng)畫，在獲得高性能的同時(shí)，你仍然可以指定一些特殊的高級(jí)的動(dòng)畫效果來完成你的app，iSlider 提供3d，flip，depth等動(dòng)畫方式來豐富你的滑動(dòng)效果。 4. iSlider 會(huì)幫你處理好屏幕旋轉(zhuǎn)事件，你只要考慮的是，屏幕旋轉(zhuǎn)后，你的dom 或是 圖片改如何顯示。 5. iSlider 還有一些小功能，比如滑動(dòng)邊界遞減，自動(dòng)滑動(dòng)，垂直水平滑動(dòng)可配置.
后續(xù)我們計(jì)劃增加手勢(shì)縮放圖片、頁面內(nèi)部tab切換等更強(qiáng)大的功能，希望有更多的人來使用，也歡迎大家提交issues和pull request~爭取打造最好用的移動(dòng)端滑動(dòng)組件。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/85383.html
摘要：函數(shù)庫動(dòng)畫庫動(dòng)畫庫，也是目前最通用的動(dòng)畫庫。下拉框級(jí)聯(lián)選擇器移動(dòng)端最好用的的篩選器組件聯(lián)動(dòng)篩選移動(dòng)端最好用的的篩選器組件聯(lián)動(dòng)篩選顏色選擇器時(shí)間選擇器時(shí)間日期處理是一個(gè)解析，驗(yàn)證，操作和顯示日期和時(shí)間的類庫。 showImg(https://segmentfault.com/img/bVbjpHt?w=900&h=383); 前言 在開發(fā)中，我們經(jīng)常會(huì)將一些常用的代碼塊、功能塊進(jìn)行封裝，...
摘要：頁面調(diào)試騰訊開發(fā)維護(hù)的代碼調(diào)試發(fā)布，錯(cuò)誤監(jiān)控上報(bào)，用戶問題定位。同樣是由騰訊開發(fā)維護(hù)的代碼調(diào)試工具，是針對(duì)移動(dòng)端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫。動(dòng)畫庫動(dòng)畫庫，也是目前通用的動(dòng)畫庫。 本人微信公眾號(hào)：前端修煉之路，歡迎關(guān)注 本篇文章整理自己使用過的和看到過的一些插件和工具，方便日后自己查找和使用。 另外，感謝白小明，文中很多的工具來源于此。 彈出框 layer：http://layer....
摘要：年前放假的最后一天，我們上線了獨(dú)家記憶活動(dòng)宣傳頁。微信分享主要代碼參考獨(dú)家記憶當(dāng)時(shí)光凝固，當(dāng)回憶定格。這是屬于我和的獨(dú)家記憶。 年前放假的最后一天，我們上線了「My Flyme 獨(dú)家記憶」 H5 活動(dòng)宣傳頁。 因種種原因，直到放假前幾天，才突然要求我們參與并開始項(xiàng)目的前端部分。此時(shí)大概的情況是：所有數(shù)據(jù)已計(jì)算完畢；后端接口已完成待聯(lián)調(diào)；交互視覺只出了不到四分之一(一共二十多個(gè)頁面)；我...
摘要：年前放假的最后一天，我們上線了獨(dú)家記憶活動(dòng)宣傳頁。微信分享主要代碼參考獨(dú)家記憶當(dāng)時(shí)光凝固，當(dāng)回憶定格。這是屬于我和的獨(dú)家記憶。 年前放假的最后一天，我們上線了「My Flyme 獨(dú)家記憶」 H5 活動(dòng)宣傳頁。 因種種原因，直到放假前幾天，才突然要求我們參與并開始項(xiàng)目的前端部分。此時(shí)大概的情況是：所有數(shù)據(jù)已計(jì)算完畢；后端接口已完成待聯(lián)調(diào)；交互視覺只出了不到四分之一(一共二十多個(gè)頁面)；我...
閱讀 745·2021-10-09 09:44
閱讀 2024·2021-09-22 15:54
閱讀 5064·2021-09-22 10:55
閱讀 1445·2019-08-29 18:41
閱讀 781·2019-08-29 11:24
閱讀 2106·2019-08-28 18:20
閱讀 1032·2019-08-26 11:51
閱讀 3052·2019-08-26 11:00
