javascript及び派生フレームの独学ノート

9175 ワード

JavaScript フレーム

経験したいくつかの小さな記録を開発して、基礎知識は全部ではないかもしれません.
javascript入門
変態の関数宣言
方法1


    function functionName(parameters) {
        doSomething;
    }

方法2


    var x = function (a, b) {return a * b};
    var z = x(4, 3);

方法3


    (function () {
        var x = "Hello!!";      //       
    })();

方法4


    var myObject = {
        firstName:"John",
        lastName: "Doe",
        fullName: function () {
            return this.firstName + " " + this.lastName;
        }
    }
    myObject.fullName();         //    "John Doe"

使用心得
構造関数


    //     :
    function myFunction(arg1, arg2) {
        this.firstName = arg1;
        this.lastName  = arg2;
    }

    // This creates a new object
    var x = new myFunction("John","Doe");
    x.firstName;

操作クッキー

.jqueryの$cookie

を呼び出します.
使用方法は以下の通りです.
まずはjquery.co okie.jsを導入します.


<script src = "../js/jquery.cookie.js"></script>

javascriptで使用する.


    //  
    var value = $.cookie('key');

    //  
    $.cookie('key', 'value', { expires: 7, path: '/' });

直接実現


    function setCookie(name, value, expires, path, domain) {
        if (!expires) expires = -1;
        if (!path) path = "/";
        var d = "" + name + "=" + value;
        var e;
        if (expires < 0) {
            e = "";
        }
        else if (expires == 0) {
            var f = new Date(1970, 1, 1);
            e = ";expires=" + f.toUTCString();
        }
        else {
            var now = new Date();
            var f = new Date(now.getTime() + expires * 1000);
            e = ";expires=" + f.toUTCString();
        }
        var dm;
        if (!domain) {
            dm = "";
        }
        else {
            dm = ";domain=" + domain;
        }
        document.cookie = name + "=" + value + ";path=" + path + e + dm;
    }


    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) {
                    return decodeURIComponent(c.substring(nameEQ.length, c.length))
                }
            } 
        return null
    }

cookie読み取りと保存Object

完璧なベルト

DOMを検索

ドル(「菗菵id」)jqueryの検索方法

document.getElemenntById(「demo」)この方法は直接javascriptを呼び出して、速度はもっと速いです.

追加する必要があります....

ループ

jqueryが便利です.


    $.each(list, function(i, item){
        doSomething;
    })

ajax
W 3 Schol教程

jqueryのほうが便利です.


    $.ajax(){

        type: "POST",
        url: "api/getdata",
        timeout : 2000,
        data: { param1 : value1, 
                param2 : value2
                },
        success: function(data){

            console.log(data);
        },
        error: function(){
            console.log("fail");
        }
    }

cookieからObjectとして読み出します.

Objectはjson形式でcookie中

が存在します.

はeval()関数でObject

に戻ります.


    //Json to Obj
    var ObjectJson = $.cookie('obj');
    var obj = eval(ObjectJson);


    //Obj to Json
    // [{"param1" : "value1" , "param2" : "value2"}]
    var json = "[{\"param1\":\"" + value1 + "\",\"param2\":\"" + value2 + "\"}]";

jquery-mobile
アプリ
http://api.jquerymobile.com/">API
ページの読み込み特性
jqeury-mobileフレームでページジャンプをすると、2ページ目のjsスクリプトが実行されない場合があります.

特性と解決

jquery-mobileページの中のjs参照をアンインストールすると、最初のページを開いたときだけ読み込まれます.その後のページジャンプは中身だけですので、第二ページの実際は役に立たないです.
解決方法:
第二ページでは引き続き導入するカバンを中に置いてください.
ブックストリーム
可視化構築
ページフレームの構築はjquery-mobileより便利です.可視化ツールの大きな利点は、デフォルトで作成されたのが適応型のHTMLページです.デバイス間の閲覧が簡単にできます.
ラyoutIt
ページの枠を素早く構築し、その上で追加と修正ができます.

Javascriptの中のargmentsと重載の紹介