6

Twitter の静的スクリプトを見ていて、すべての変数と関数が 1 文字しかないことに気付きました。なぜ、どのようにこれを行うのでしょうか? パフォーマンスと何か関係がありますか？もしそうなら、彼らはウェブサイトのすべての要素にこのような短い名前を付けないのはなぜですか。衝突を避けるために、おそらく1文字ではなく2文字の長さです.

例：

(function (A) {
A.fn.isScreenNameField = function () {
    return this.each(function () {
        var M = A(this);
        var F = A("#signup_username_url");
        var E = A("#screen_name_info");
        var D = A("#avail_screenname_check_indicator");
        var O;
        var C;
        var I;
        var N = M.val();
        var G = N;
        var H = N != "";
        var Q = /[a-zA-Z0-9_]/;

        function K() {
            if (H) {
                F.html(M.val())
            }
        }
        function L() {
            M.trigger("show-info");
            E.hide();
            D.show()
        }
        function B() {
            E.show();
            D.hide()
        }
        function P() {
            G = O;
            jQuery.ajax({
                type: "GET",
                url: "/users/username_available",
                data: {
                    username: O
                },
                dataType: "json",
                success: function (R) {
                    if (C) {
                        var S = R.msg;
                        if (R.valid) {
                            M.trigger("is-valid");
                            F.removeClass("invalid").addClass("valid")
                        } else {
                            M.trigger("is-invalid", R.msg);
                            F.addClass("invalid").removeClass("valid")
                        }
                    }
                },
                beforeSend: null,
                complete: function () {
                    clearTimeout(twttr.timeouts.availabilityTimeout);
                    B()
                }
            })
        }
        function J(R) {
            O = M.val();
            clearTimeout(twttr.timeouts.availabilityTimeout);
            C = O.match(Q);
            if (!C) {
                G = O;
                B();
                return
            }
            if (O == G) {
                return
            }
            L();
            twttr.timeouts.availabilityTimeout = setTimeout(P, 2000)
        }
        M.isSignupFormField({
            validateWith: function (R) {
                if (isBlank(R)) {
                    return _("Please enter a user name")
                } else {
                    P()
                }
            },
            allowInput: Q
        });
        M.keyup(function (R) {
            if (jQuery.inArray(R.keyCode, [16, 17, 18, 20, 27, 33, 34, 35, 37, 38, 39, 40, 144]) == -1) {
                if (M.val() != "") {
                    H = true
                } else {
                    M.trigger("show-info")
                }
                K();
                J()
            }
        });
        M.bind("value-changed", P);
        M.bind("custom-validate", P)
    })P
}
})
4

5 に答える 5

19

このスクリプトは、機能を変更することなく、変数を短い名前に置き換える自動化された手法である「縮小」されています。たとえば、 JSMinを参照してください。目標は、スクリプトをクライアントに送信する際のダウンロード時間と帯域幅を削減することです。

于 2010-04-27T16:37:36.817 に答える
2

サイズを小さくするために、http：//developer.yahoo.com/yui/compressor/のようなものを介してスクリプトを実行するため、ロードする必要があります。

これはすべて、Webサイトの読み込み時間を短縮するために行われます。
近年、このトピックは、特にSteve Stoudersからの講演のようなもののために、新しい分野のようなものになりました：http ://stevesouders.com/

于 2010-04-27T16:39:48.773 に答える
1

Javascript はクライアント側であるため、スクリプトをロードする必要があります。ダウンロードするテキストが少ないほど、パフォーマンスが向上すると思います。

于 2010-04-27T16:38:15.063 に答える
0

多くの JavaScript プロジェクトは、コードを小さくするために「ミニファイア」を介してコードを実行します。これにより、ブラウザがライブラリをダウンロードするのにかかる時間が短縮されます。ほとんどのプロジェクトは、開発者が読むための縮小されていないバージョンも提供しています。

例: http://docs.jquery.com/Downloading_jQuery#Current_Release

于 2010-04-27T16:38:56.487 に答える
0

彼らがこれを行う理由については、多くの理由が考えられますが、一般的なものを挙げます。

多くの人が Twitter を使用しているため、スクリプトのファイルサイズを小さくしてください。

于 2010-04-27T16:39:02.033 に答える