HTML 5学習メモ8

5909 ワード

いくつかの小さな知識点についてのまとめ
  • GETとPOSTの違いは?1、getはサーバからデータを取得する--「取る」;postはサーバにデータを提出する-----「発」2、formフォームのデフォルトのmethodは「GET」3、getはデータをvariable=valueの形式で、URLの後ろを付けて、真ん中に「?」接続、各変数の間に「&」で接続します.postはget方式のようにデータを4、パラメータの上の3のデータ伝送方式とは異なり、postセキュリティがget方式より5高く、URLにパラメータ上限がないという問題があり、HTTPプロトコルはURL長を制限せず、一部のブラウザやサーバの制限を制限している.IEのURL長に対する制限は2083 KB get方式がURL経由で伝送されるデータであり、データ量は2 KB程度が一般的であるが、実行効率はpostよりも理論的にはpost方式にはサイズ制限はなく、HTTPプロトコル仕様でもサイズ制限は行われていない.postデータには制限はなく、サーバプロセッサの能力を制限する.socketとhttpの違い:socketはネットワーク伝送層の技術であり、httpと本質的な違いがあり、httpはアプリケーション層のネットワークプロトコルである.SOcket技術を用いる理論的には、httpの仕様に従って、httpリクエストを送信する目的を達成するためにsocketを完全に使用することができ、送信パケットがhttpプロトコルに従って
  • である限り、
    Socketとhttpの違い:Socketは長接続、httpは短接続Socketは双方向通信、httpは一方向で、クライアントがサーバにデータを送信することしかできないSocketのデータは完全に自分で組織し、httpはhttpプロトコルに従って送信しなければならない.ディスプレイにはどのような値がありますか?彼らの役割を説明する.positionの値relativeとabsoluteの位置決め原点は?absoluteとfixedの共通点と異なる点?
    1、display blockはブロックタイプ要素のように表示されます.noneデフォルト.行内の要素タイプのように表示されます.inline-blockは行内要素のように表示されますが、その内容はブロックタイプ要素のように表示されます.List-itemはブロックタイプ要素のように表示され、スタイルリストタグが追加されます.
    2、position absoluteは絶対位置決めの要素を生成し、static位置決め以外の最初の親要素に対して位置決めを行う.fixed(古いIEではサポートされていない)は、ブラウザウィンドウに対して位置決めを行う絶対位置決め要素を生成する.relativeは、通常の位置に対して相対的に位置決めされた要素を生成します.staticデフォルト.配置されていません.要素は通常のストリームに表示されます.inheritは、親要素からposition属性を継承する値を指定します.*(top,bottom,left,right z-index宣言を無視)
    absoluteとfixedの共通点と異なる点A、共通点:1.行内要素の表示方法を変更し、displayをblockに設定します.2.元素を普通の流れから離れ、空間を占有しない.3.デフォルトでは、非配置要素に上書きされます.B、相違点:absoluteの「ルート要素」は設定可能であり、fixedの「ルート要素」はブラウザウィンドウに固定されている.ページをスクロールすると、fixed要素とブラウザウィンドウの間の距離は変わらない.
    display:noneとvisibility:hiddenの違いは?display:noneは対応する要素を非表示にし、ドキュメントレイアウトに空間を割り当てなくなり、各エッジの要素が結合し、彼が存在しないときになります.Visibility:hiddenは対応する要素を非表示にしますが、ドキュメントレイアウトには元のスペースが保持されます.3.イベント依頼---利点消費メモリが大きく、処理速度が速い
    document.onclick,            document ,   document            。
        document.onclick = function(event){             
            var event = event || window.event;         //IE doesn't pass in the event object  
            var target = event.target || event.srcElement; //IE uses srcElement as the target 
            switch(target.id){         
                case "help-btn":                 
                    openHelp();                 
                break; 
    
                case "save-btn":                 
                    saveDocument();                
                break;   
    
                case "undo-btn":                 
                    undoChanges();                
                break;         
                //              ,            case    。     
            } 
        };
    

    4.httpリクエストのシミュレーション--JavaScriptはHTMLファイルを要求し、test.html、ファイルのテキスト内容は「I'm a test.」
    
                  var http_request = false; 
    
                  function makeRequest(url) {          
                    http_request = false;          
                    if (window.XMLHttpRequest) { // Mozilla, Safari,...            
                        http_request = new XMLHttpRequest();             
                        if (http_request.overrideMimeType) {                
                         http_request.overrideMimeType('text/xml');             
                        }         
                     } else if (window.ActiveXObject) { // IE            
                        try {                 
                            http_request = new ActiveXObject("Msxml2.XMLHTTP");             
                        } 
                        catch (e) {                 
                            try {                     
                                http_request = new ActiveXObject("Microsoft.XMLHTTP");                 
                            }catch(e){}             
                        }         
                    }          
                    if (!http_request) {             
                        alert('Giving up :( Cannot create an XMLHTTP instance');             
                        return false;         
                    }         
                    http_request.onreadystatechange = alertContents;         
                    http_request.open('GET', url, true);         
                    http_request.send(null);      
                }      
                function alertContents() {          
                    if (http_request.readyState == 4) {             
                        if (http_request.status == 200) {                 
                            alert(http_request.responseText);             
                        }else{                 
                            alert('There was a problem with the request.');             
                        }         
                    }      
                }
    
    
    Make a request
    
    

    5.jsにおける配列の重量除去のいくつかの方法
    //   
    Array.prototype.unique1 = function () {
      var n = []; //        
      for (var i = 0; i < this.length; i++) //      
      {
        //        i          ,    ,
        //      push       
        if (n.indexOf(this[i]) == -1) n.push(this[i]);
      }
      return n;
    }
    -------------------------------------------------------------------------------
    //   
    Array.prototype.unique2 = function()
    {
        var n = {},r=[]; //n hash ,r     
        for(var i = 0; i < this.length; i++) //      
        {
            if (!n[this[i]]) //  hash       
            {
                n[this[i]] = true; //  hash 
                r.push(this[i]); //         push       
            }
        }
        return r;
    }
    -------------------------------------------------------------------------------
    //   
    Array.prototype.unique3 = function()
    {
        var n = [this[0]]; //    
        for(var i = 1; i < this.length; i++) //        
        {
            //        i                 i,
            //     i     ,   。        
            if (this.indexOf(this[i]) == i) n.push(this[i]);
        }
        return n;
    }