ホームページ > ウェブフロントエンド > jsチュートリアル > js/jQueryライブラリの書き方(体験談まとめ)

js/jQueryライブラリの書き方(体験談まとめ)

PHPz
リリース: 2017-04-02 15:51:15
オリジナル
1597 人が閲覧しました

js/jQueryプラグインを書くには、これらのルーチンに従えば、コードの構造に大きな問題はないと思います。私が学んだこのプロジェクトは、javascript-patterns です。いくつかのデモから多くのことを行います。

基本構造

通常のライブラリ

を使用して、最も基本的な

匿名関数

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

この場合、2つの書き方は同等です、undersocre。 jsの呼び出し記述メソッドを使用します

(function(){
    var root = this;
    root.YOURLIB = function(){
        FUNC1 : function(){},
        FUNC2 : function(){}
    }
}.call(this))
ログイン後にコピー

jQueryプラグイン

以下のメソッドでプラグインをCMD/AMD/Browserを横断させることができます

(function (factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD
        define(['jquery'], factory);
    } else if (typeof exports === 'object') {
        // CommonJS
        factory(require('jquery'));
    } else {
        // Browser globals
        factory(jQuery);
    }
}(function ($) {
    $.fn.render = function() {}
    $.render2 = function() {}
}))
ログイン後にコピー

もちろん、SeajsやRequireJSを考慮しない場合は、最も便利です方法は匿名関数を使用し、パラメータとして window.jQuery を渡すことです

内部組織

分析には

bootstrap-select v1.6.3

smooth-scrollを使用します

初期化

。一般ライブラリはそれを行います。デフォルトの設定ファイルのセットを提供し、それらを使用するときにユーザー定義の設定で拡張する、スムーズスクロールのようなものです

settings = extend(defaults, options ||{})); 写法就相当赞,可以以一种十分简单的方式防止空指针异常。
ログイン後にコピー

残りは、ビジネスに応じてビジネスを分割する機能です。分け方はもっと練習するしかありません。

さらに、コメントにプライベートとパブリックを書くことで、外部インターフェースと内部インターフェースを区別することは良い習慣です。

i18n と構成管理

i18n は、すべての国際文字がデフォルトに配置されることを意味します。より洗練された方法は、国際化されたファイル

を元のライブラリ ファイルから分離できるように、デフォルトでオブジェクトを定義することです。具体的な参照については、bootstrap-datapicker

THE END

以上がjs/jQueryライブラリの書き方(体験談まとめ)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート