国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

iSlider—可能是最流暢的移動端滑動組件

xiangchaobin / 557人閱讀

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

iSlider是一個專為移動端設(shè)計的滑動組件,項目地址: https://github.com/BE-FE/iSlider

iSlider是我參與的第二個比較正式的開源項目,主要編寫了里面的動畫部分,滾動圖效果在PC上早已是個小兒科的問題,也有很多成熟的庫可以用。剛聽說這個項目的時候,我也覺得有點重復造輪子的感覺,不過后來聽了作者的代碼分享,感覺這個項目還是非常有價值的,最終我也加入到了代碼貢獻者的行列中了:

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

容器,這在移動端是非常有意義的,不會出現(xiàn)越滾越卡的情況了。
小而美,壓縮后只有2kb,不依賴任何庫或是框架,只針對移動端設(shè)計,滑動效果高效流暢。
功能強大,目前包括以下功能:

1. 圖片和dom 兩種類型滑動,圖片的類型很適合讀圖類的app,dom類型則可以根據(jù)需要配置成各式各樣的webapp
2. 自定義的事件回調(diào),你可以在滑動中,滑動結(jié)束,或是滑動開始綁定自己的事件回調(diào)
3. 可配置的滑動動畫,在獲得高性能的同時,你仍然可以指定一些特殊的高級的動畫效果來完成你的app,iSlider 提供3d,flip,depth等動畫方式來豐富你的滑動效果。
4. iSlider 會幫你處理好屏幕旋轉(zhuǎn)事件,你只要考慮的是,屏幕旋轉(zhuǎn)后,你的dom 或是 圖片改如何顯示。
5. iSlider 還有一些小功能,比如滑動邊界遞減,自動滑動,垂直水平滑動可配置.

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

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

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/85383.html

相關(guān)文章

  • 常用插件、工具類庫匯總(上)

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

    txgcwm 評論0 收藏0
  • 常用插件、工具類庫匯總

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

    GitCafe 評論0 收藏0
  • HTML5 活動宣傳頁「My Flyme 獨家記憶」開發(fā)實踐總結(jié)

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

    Anonymous1 評論0 收藏0
  • HTML5 活動宣傳頁「My Flyme 獨家記憶」開發(fā)實踐總結(jié)

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

    harryhappy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<