亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

iSlider—可能是最流暢的移動(dòng)端滑動(dòng)組件

xiangchaobin / 638人閱讀

摘要：還有一些小功能，比如滑動(dòng)邊界遞減，自動(dòng)滑動(dòng)，垂直水平滑動(dòng)可配置后續(xù)我們計(jì)劃增加手勢(shì)縮放圖片頁(yè)面內(nèi)部切換等更強(qiáng)大的功能，希望有更多的人來(lái)使用，也歡迎大家提交和爭(zhēng)取打造最好用的移動(dòng)端滑動(dòng)組件。

iSlider是一個(gè)專為移動(dòng)端設(shè)計(jì)的滑動(dòng)組件，項(xiàng)目地址: https://github.com/BE-FE/iSlider

iSlider是我參與的第二個(gè)比較正式的開(kāi)源項(xiàng)目，主要編寫(xiě)了里面的動(dòng)畫(huà)部分，滾動(dòng)圖效果在PC上早已是個(gè)小兒科的問(wèn)題，也有很多成熟的庫(kù)可以用。剛聽(tīng)說(shuō)這個(gè)項(xiàng)目的時(shí)候，我也覺(jué)得有點(diǎn)重復(fù)造輪子的感覺(jué)，不過(guò)后來(lái)聽(tīng)了作者的代碼分享，感覺(jué)這個(gè)項(xiàng)目還是非常有價(jià)值的，最終我也加入到了代碼貢獻(xiàn)者的行列中了：

應(yīng)用場(chǎng)景豐富，在PC下，輪播圖只是整個(gè)網(wǎng)站中的一個(gè)小組件，有時(shí)甚至可有可無(wú)，但是移動(dòng)端往往會(huì)在頁(yè)面的主要展示上采用滑動(dòng)效果，尤其是微信深入大家的生活之后更是如此。
DOM元素最小化，一般的輪播圖都是有幾幅圖片，就會(huì)在頁(yè)面中添加幾個(gè)圖片，可能還要包括外層的鏈接、容器等元素，而目前iSlider無(wú)論需要多少圖片，在頁(yè)面中永遠(yuǎn)不超過(guò)3個(gè)

容器，這在移動(dòng)端是非常有意義的，不會(huì)出現(xiàn)越滾越卡的情況了。
小而美，壓縮后只有2kb，不依賴任何庫(kù)或是框架，只針對(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)開(kāi)始綁定自己的事件回調(diào)
3. 可配置的滑動(dòng)動(dòng)畫(huà)，在獲得高性能的同時(shí)，你仍然可以指定一些特殊的高級(jí)的動(dòng)畫(huà)效果來(lái)完成你的app，iSlider 提供3d，flip，depth等動(dòng)畫(huà)方式來(lái)豐富你的滑動(dòng)效果。
4. iSlider 會(huì)幫你處理好屏幕旋轉(zhuǎn)事件，你只要考慮的是，屏幕旋轉(zhuǎn)后，你的dom 或是 圖片改如何顯示。
5. iSlider 還有一些小功能，比如滑動(dòng)邊界遞減，自動(dòng)滑動(dòng)，垂直水平滑動(dòng)可配置.

后續(xù)我們計(jì)劃增加手勢(shì)縮放圖片、頁(yè)面內(nèi)部tab切換等更強(qiáng)大的功能，希望有更多的人來(lái)使用，也歡迎大家提交issues和pull request~爭(zhēng)取打造最好用的移動(dòng)端滑動(dòng)組件。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/85383.html

相關(guān)文章

  • 前端常用插件、工具類庫(kù)匯總（上）

    摘要：函數(shù)庫(kù)動(dòng)畫(huà)庫(kù)動(dòng)畫(huà)庫(kù)，也是目前最通用的動(dòng)畫(huà)庫(kù)。下拉框級(jí)聯(lián)選擇器移動(dòng)端最好用的的篩選器組件聯(lián)動(dòng)篩選移動(dòng)端最好用的的篩選器組件聯(lián)動(dòng)篩選顏色選擇器時(shí)間選擇器時(shí)間日期處理是一個(gè)解析，驗(yàn)證，操作和顯示日期和時(shí)間的類庫(kù)。 showImg(https://segmentfault.com/img/bVbjpHt?w=900&h=383); 前言 在開(kāi)發(fā)中，我們經(jīng)常會(huì)將一些常用的代碼塊、功能塊進(jìn)行封裝，...

    txgcwm 評(píng)論0 收藏0

  • 前端常用插件、工具類庫(kù)匯總

    摘要：頁(yè)面調(diào)試騰訊開(kāi)發(fā)維護(hù)的代碼調(diào)試發(fā)布，錯(cuò)誤監(jiān)控上報(bào)，用戶問(wèn)題定位。同樣是由騰訊開(kāi)發(fā)維護(hù)的代碼調(diào)試工具，是針對(duì)移動(dòng)端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫(kù)。動(dòng)畫(huà)庫(kù)動(dòng)畫(huà)庫(kù)，也是目前通用的動(dòng)畫(huà)庫(kù)。 本人微信公眾號(hào)：前端修煉之路，歡迎關(guān)注 本篇文章整理自己使用過(guò)的和看到過(guò)的一些插件和工具，方便日后自己查找和使用。 另外，感謝白小明，文中很多的工具來(lái)源于此。 彈出框 layer：http://layer....

    GitCafe 評(píng)論0 收藏0

  • HTML5 活動(dòng)宣傳頁(yè)「My Flyme 獨(dú)家記憶」開(kāi)發(fā)實(shí)踐總結(jié)

    摘要：年前放假的最后一天，我們上線了獨(dú)家記憶活動(dòng)宣傳頁(yè)。微信分享主要代碼參考獨(dú)家記憶當(dāng)時(shí)光凝固，當(dāng)回憶定格。這是屬于我和的獨(dú)家記憶。 年前放假的最后一天，我們上線了「My Flyme 獨(dú)家記憶」 H5 活動(dòng)宣傳頁(yè)。 因種種原因，直到放假前幾天，才突然要求我們參與并開(kāi)始項(xiàng)目的前端部分。此時(shí)大概的情況是：所有數(shù)據(jù)已計(jì)算完畢；后端接口已完成待聯(lián)調(diào)；交互視覺(jué)只出了不到四分之一(一共二十多個(gè)頁(yè)面)；我...

    Anonymous1 評(píng)論0 收藏0

  • HTML5 活動(dòng)宣傳頁(yè)「My Flyme 獨(dú)家記憶」開(kāi)發(fā)實(shí)踐總結(jié)

    摘要：年前放假的最后一天，我們上線了獨(dú)家記憶活動(dòng)宣傳頁(yè)。微信分享主要代碼參考獨(dú)家記憶當(dāng)時(shí)光凝固，當(dāng)回憶定格。這是屬于我和的獨(dú)家記憶。 年前放假的最后一天，我們上線了「My Flyme 獨(dú)家記憶」 H5 活動(dòng)宣傳頁(yè)。 因種種原因，直到放假前幾天，才突然要求我們參與并開(kāi)始項(xiàng)目的前端部分。此時(shí)大概的情況是：所有數(shù)據(jù)已計(jì)算完畢；后端接口已完成待聯(lián)調(diào)；交互視覺(jué)只出了不到四分之一(一共二十多個(gè)頁(yè)面)；我...

    harryhappy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<