フロントエンド面接について考える
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の新しい特性
五、iを求める値
六、html 5をどのように宣言し、どのような役割を果たしますか?
7、Ajax
八、CSSプリプロセッサを使用する理由h5>
二、htmlとhtml 5はどのように区別しますか?
三、html 5の新しい特性、新しい要素と要素の除去
- には、E:enabled、E:disabled など、多くのセレクタが追加されています.
- 新しいアニメーション関連の特性:Transition、Transform、Animation
- 背景と枠線のプロパティを追加します.
- 背景:background-clip、background-origin、background-size、background-break
- 枠線:border-radius、box-shadow、border-image
- 文字特効:word-wrap、text-overflow、text-shadow、text-decoration
- 複数列レイアウト
- ユーザインタフェース
for (var i = 1; i <= 3; i++) {
setTimeout(function () {
console.log(i);
}, 0);
}
運転結果:4
- html 5を宣言:
- 役割:ブラウザドキュメントにどの仕様を使用するかを知らせる
- 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は再帰的に定義することができず、プリプロセッサを使用することでコードの冗長性を減らすことができる .
- 開発効率の向上