HTML 5ナレッジポイントメモ

4454 ワード
Canvas
  • 新規タグのカスタマイズがサポートされていないブラウザ(IE 9以下)の場合、以下の方法で
    • を使用することができる.
    HTML5Shiv
  • canvasが円を描くとき、弧の位置は変わらず、いずれも反時計回りの0,0.5 PI,1 PI,1.5 PI,2 PI
    • から
    SVG
  • 代表グループ
  • defsは将来使用する機能を定義し、は
    • を呼び出す.
    Communication API
  • postMessage
  • XHR 2は、ドメイン間および進捗イベント
    • をサポートする
    WebSocket API
    基本的な使い方
  • 接続
      w = new WebSocket(url, protocol);
    w = new WebSocket(url, ["proto1", "proto2"]);
  • イベント
      open      
  message      
  close      
  error
  • 送信メッセージ
      w.send(msg);
    • Forms
    ツールバーの
  • tel
  • email
  • url
  • search
  • range
  • number
  • progress
  • color
  • datetime
  • time
  • week
  • month

    • とくせい
  • placeholderプロンプト
  • autocomplete自動充填
  • autofocusページがロードされると、フォーカス
    • が自動的に取得されます.
  • spellcheckスペルチェック
  • datalistおよびlistは、listおよびdatalistを介して、ユーザが選択値リスト
    • を構築することができる.
  • step指定値が増加する粒度
  • valueAsNumberコントロール値タイプとテキストの変換
    • フォーム検証ValidityStateオブジェクトの取得
    var valCheck = document.myForm.myInput.validity;

    検証＃ケンショウ＃
    valCheck.valid;
  • valueMissing 
        ：         
    ： require
  • typeMismatch 
        ：       （email,url,number）  
    ： input type
  • patternMismatch 
        ：             
    ： pattern
  • tooLong 
        ：        
    ：  maxLength
  • customError 
        ：          
    ：setCustomValidity(Msg);

    • 検証を閉じる
              formnovalidate

    ドラッグ
    ≪イベント｜Events｜ldap≫
  • dragstartドラッグ開始時に
    • をトリガー
  • dragドラッグ時に
    • をトリガ
  • dragenterマウスが配置ボックスまたは要素をドラッグすると
    • がトリガーされます.
  • dragleaveマウスが配置ボックスまたは要素をドラッグすると
    • がトリガーされます.
  • dragoverマウス移動時
  • dropマウスを離すと
    • がトリガーされます.
  • dragendドラッグの最後のイベント
    • ドラッグ可能ラベルにドラッグ可能属性を追加する設定draggable
    
 
 
         
     
 
       
  
    • dataTransfer   
      •  
 
     
 
    Web Workers
     
 
      
     
 
    var worker = new Worker("myJS.js");

      
  • インライン
    • 
</code></pre> 
 <ul> 
  <li>  </li> 
 </ul> 
 <pre><code class="js">var shareWorker = new SharedWorker("sharedWorker.js");
</code></pre> 
 <p><strong>  JS        </strong></p> 
 <pre><code class="js">importScript("file1.js", "file2.js");
</code></pre> 
 <p>        </p> 
 <h2>Web Storage</h2> 
 <p><strong>cookies</strong><br>            </p> 
 <p><strong>localStorage</strong><br>       </p> 
 <p><strong>sessionStorage</strong></p> 
 <ul> 
  <li>       </li> 
 </ul> 
 <pre><code class="js">sessionStorage.setItem("myKey", "myValue");
sessionStorage.myKey = "myValue";
sessionStorage["myKey"] = "myValue";
</code></pre> 
 <p>             </p> 
 <p><strong>openDatabase</strong></p> 
 <p><strong>IndexDB</strong></p> 
 <h2>App Cache</h2> 
 <ul> 
  <li>manifest</li> 
 </ul> 
 <pre><code class="html"><html manifest="application.appcache">
</code></pre> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1249808395163258880"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
    詳細はDOMContentLoaded
    socket.io実践編(1)