開發過新聞或者商城手機端的朋友估計都會設計下拉刷新和上拉加載的功能,這已經是手機端開發的標配了。向頭條,淘寶,京東,美團這些大廠的app在這方面做得就很好,極大的提高了用戶的體驗度。今天給大家介紹一款國產的js框架,主要功能就是實現移動端的上拉刷新和下拉加載,用起來很方便。這款js框架的名字叫mescroll。
![一款很香的移動端下拉刷新上拉加載的JS框架](http://p2.ttnews.xyz/loading.gif)
官方網站截圖
官網地址:http://www.mescroll.com/
Github地址:https://github.com/mescroll/mescroll
效果展示
![一款很香的移動端下拉刷新上拉加載的JS框架](http://p2.ttnews.xyz/loading.gif)
基本功能展示
模擬京東APP
看了效果,大家是不是覺得很酷,下面我們看一下這個框架如何安裝及使用方法。
安裝方法:
用npm安裝
導入JS/CSS文件
使用方法:
HTML標籤佈局
創建mescroll對象
處理回調
我只截了一部分,完整代碼請訪問官網查看
如果您在vue-cli中使用mescroll,安裝和使用方法是不同的。
安裝方法:
頁面示例代碼:
我只截取了一部分,看完整代碼請訪問官網
這款JS框架是國產的,文檔也是漢語,且非常詳細。英文不好的朋友可以放心了。
今天介紹的這款JS框架還是很實用的,大家可以用在自己的項目中,相信能給您的用戶帶來不錯的體驗。以後我會繼續發佈一些好玩有趣的前端框架,有興趣的朋友可以點贊或者關注我,謝謝。
閱讀更多 程序猿有話說 的文章