優雅なH 5プルダウンリフレッシュ【minirefresh】

シーケンス
厳密に言えば、これは私が最初に完全に投入したオープンソースプロジェクトで、その出現は移動H 5中のドロップダウンリフレッシュを統一するためで、フレームワーク、マルチテーマ開拓方式を通じて、任意の需要の下で任意のドロップダウンリフレッシュシーンに適応したいと思っています.
また、このプロジェクトは独立プロジェクトとして存在し、より多くの人が参加してほしい!
【minirefresh】優雅なH 5ドロップダウンリフレッシュ.ゼロ依存、高性能、マルチトピック、拡張性.
特長

ゼロ依存(ネイティブJS実装、ライブラリに依存しない)

マルチプラットフォームサポート.一連のコード、マルチエンド実行、Android、iOS、主流ブラウザ

をサポート

豊富なテーマ、公式提供多種のテーマ(デフォルト、applet-模倣ウィジェット、drawer 3 d-3 d引き出し効果、taobao-模倣淘宝などを含む)

高性能.アニメーションはcss 3+ハードウェア加速を採用し、主流携帯電話で

をスムーズに運行している.

は互換性に優れています.サポートおよび各種Scrollのネスト(mui-scroll,IScroll,Swipeなどを含む)、Vue環境での使用をサポートする

拡張しやすくて、3層のアーキテクチャ、UIの方面を専門に抽出して、便利に各種のテーマを実現して、1セットのテーマを実現してとても便利で、その上ほとんどいかなる効果

を実現することができます

優雅なAPIとソースコード、APIは科学を設計して、簡単で、ソースコードは厳格で、すべてのソースコードはESlintを通じて

を検出します

完全なドキュメントと例、完全なshowcase、およびドキュメント

を提供する.
ソースコード
https://github.com/minirefresh/minirefresh
https://www.npmjs.com/package/minirefresh
公式サイトとドキュメント
http://www.minirefresh.com
https://minirefresh.github.io/
効果
基本例
1.【ベースニュースリスト】最も基本的なドロップダウン・リフレッシュ使用
2.【複数列フォームコンテナ】メニューを切り替えるたびにコンテナをリフレッシュする
3.【マルチリストマルチコンテナ】複数のリストにMinirefreshオブジェクトが1つある
4.【Vueサポート】Vueでの使用をサポート
入れ子の例
1.【Mui-Slider】内部ネスト画像のローテーション
2.【Mui-Scroll】Mui-Scrollにネスト
3.【Swipe】Swipeにネスト
トピックの例
1.【applet】擬微信ウィジェットテーマ
2.【taobao】淘宝更新テーマ
3.【drawer 3 d】3 D引き出し効果テーマ
4.【drawer-slider】引き出しスライド効果テーマ
showcase
直接オンラインで体験できる効果
https://minirefresh.github.io/minirefresh/examples/
クイックスタート
導入

またはrequire

var MiniRefreshTools = require('xxx/minirefresh.js');

またはimport

import { MiniRefreshTools } from 'xxx/minirefresh.js';

ページレイアウト

//          ，      MiniRefresh     
var miniRefresh = new MiniRefresh({
    container: '#minirefresh',
    down: {
        callback: function() {
            //     
        }
    },
    up: {

        callback: function() {
            //     
        }
    }
});

リフレッシュの

//       
miniRefresh.endDownLoading();

//       
//    true        ，           
miniRefresh.endUpLoading(true);

その
については、 ドキュメントを してください.
するminirefreshあなたが です!
プロジェクトにレンガを し、 しいIdea、 しいテーマ、 なBug 、 しい (アイコン、 サイト など)
いずれもIssueまたはPRで できます!
:https://minirefresh.github.io/minirefresh-doc/site/contribute/howtocontributor.html
ディスカッション

gitter

QQ (601988892)

:minirefreshの に があるなど、グループへの を するときは を してください.
にインスピレーションと について
コアアーキテクチャは の のプロジェクトを にしています.https://github.com/dailc/pulltorefresh-h5-iscroll,IScroll を JSとCSS 3に して し, な と にすぎない.
このプロジェクトをするインスピレーションと はhttps://github.com/mescroll/mescrollヒントですが、そのプロジェクトのコードは の なスタイルに わないため、いくつかのテーマの も の に していません.そのため、 は でmescrollに づいて するのではなく、プロジェクトを き しました.
また、このプロジェクトを くのも に するトレーニングで、 には

JSとCSS 3の した を い、 なアーキテクチャ

を う.

ESlint なコード

Gulp

Karma+Mochaユニットテスト( )

Circleci,Codecov,Sauceなどの とテストサイト,

Gitbook APIとチュートリアルドキュメント

Hexo サイト( ち)

ドメイン 、CDN ( ち)

Npm とGithubプロジェクトチーム

もちろん、いくつかの で、 しいES 6やTSで くのではなく、ES 5の なモードを っています.
また、このプロジェクトはGithubのminirefresh に されています.もっと くの が して、 の になることを んでいます. で しています. 、 えず を かち ってこそ、 が くなります.
ふろく
ブログ
のブログで めて された2016.09.02http://www.dailichun.com/2017/09/02/minirefresh.html