フロントエンド面接について考える

3130 ワード

一、cookie、sessionStorageとlocalStorageの違い
  • cookie:一般的にサービス側の生成があり、失効時間を設定することができ、格納データのサイズは一般的に4 k程度で、ユーザーのアイデンティティを識別するために
  • である.
  • sessionStorage:クライアント生成、現在のセッションでのみ有効、ページまたはブラウザを閉じると消去され、格納データサイズは5 M前後
  • である.
  • localStorage:クライアント生成、クリアされない限り永続保存、格納データサイズは5 M前後
  • である.
    二、htmlとhtml 5はどのように区別しますか?
  • 文書型宣言
  • html:
  • html5:
  • 構造的意味
  • html:構造的意味化されていない要素
  • html 5:構造の意味化が完備しており、例えば

  • 三、html 5の新しい特性、新しい要素と要素の除去
  • html 5の新しいプロパティ:
  • 図面描画用vanvas要素、svg要素
  • メディア再生用ビデオおよびaudio要素
  • ローカルオフラインストレージのより良いサポート
  • 新しい特殊なコンテンツ要素、例えばarticle、footer、header、nav、section
  • 新しいフォームコントロール.例えば、calendar、date、time、email、url、search
  • 新規要素:
  • 新要素:
  • 新しいマルチメディア要素:、、、、
  • 新しいフォーム要素:、、
  • 新しい意味および構造要素:、、、、、、、、、、、、、、、、、、、、、、、、、、
  • 要素を除去:
  • 、、、、、、、、、、、



  • 四、css 3の新しい特性
    1. には、E:enabled、E:disabled
    2. など、多くのセレクタが追加されています.
    3. 新しいアニメーション関連の特性:Transition、Transform、Animation
    4. 背景と枠線のプロパティを追加します.
      • 背景:background-clip、background-origin、background-size、background-break
      • 枠線:border-radius、box-shadow、border-image
    5. 文字特効:word-wrap、text-overflow、text-shadow、text-decoration
    6. 複数列レイアウト
    7. ユーザインタフェース

    五、iを求める値
      for (var i = 1; i <= 3; i++) {
        setTimeout(function () {
          console.log(i);
        }, 0);
      }
    

    運転結果:4


    六、html 5をどのように宣言し、どのような役割を果たしますか?
    • html 5を宣言:
    • 役割:ブラウザドキュメントにどの仕様を使用するかを知らせる

    7、Ajax
    • XMLHttpRequestオブジェクトを作成する
        var xmlhttp;
          if (window.XMLHttpRequest ) {
            xmlhttp = new XMLHttpRequest();    //   IE7+, Chrome, Opera, Safari    
          } else {
            xmlhttp = new ActiveXObject("MicroSoft.XMLHTTP");   //    IE6, IE5    
          }
      
    • 要求がサーバに送信されると、応答に基づくいくつかのタスク
       xmlhttp.onreadystatechange=function () {
           if (xmlhttp.readyState==4 && xmlhttp.status==200) {
             document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
           }
       }
      
    • が実行される.
    • サーバに要求
        xmlhttp.open("GET", "ajax.text", true);
        xmlhttp.send();
      
      を送信

















      メソッド説明
      open(method, url, async) 要求のタイプ、URL、および要求を非同期で処理するかどうかを指定します.
      • リクエストのタイプ;GETまたはPOST
      • ファイルのサーバ上の位置
      • async:true(非同期)またはfalse(同期)
      send(string) サーバにリクエストを送信
      • string:POSTリクエスト


    八、CSSプリプロセッサを使用する理由h5>
    1. CSSは再帰的に定義することができず、プリプロセッサを使用することでコードの冗長性を減らすことができる
    2. .
    3. 開発効率の向上