史上最も完全なフロントエンド インタビューの質問 (回答を含む)_html/css_WEB-ITnose

HTML+CSS
1. WEB標準とW3Cの理解と理解
ラベルクロージャー、小文字タグ、ネストなし、検索ロボットの検索確率の向上、外部リンクCSSとJSスクリプトの使用、構造的動作パフォーマンスの分離、ファイルのダウンロードとページの速度が速くなり、より多くのユーザーがコンテンツにアクセスできるようになり、より幅広いデバイスからコンテンツにアクセスできるようになり、コードとコンポーネントが減り、保守が容易になり、改訂が容易になり、ページのコンテンツを変更する必要がなく、印刷バージョンが提供されます。コンテンツのコピーと Web サイトの使いやすさの向上

2. xhtml と html の違いは何ですか? HTML は基本的な WEB Web ページのデザイン言語であり、XHTML は XML に基づいたマークアップ言語です。
XHTML 要素はネストされている必要があります。正しく。
XHTML 要素は閉じている必要があります。
タグ名は小文字である必要があります。
XHTML ドキュメントにはルート要素が必要です。

3.Doctype? 厳密モードと混合モード - これら 2 つのモードをトリガーする方法と、それらを区別することの重要性は何ですか?
ドキュメントが一般的にどの仕様 (html/Xhtml) を使用するかを宣言するために使用されます。ベースの HTML ドキュメント
追加された XMl 宣言がトリガーされ、解析方法が IE5.5 に変更されました

4. インライン要素とは何ですか? CSSのモデル?
ブロックレベル要素: div p h1 h2 h3 h4 form ul
インライン要素: a b br i span input select
Cssボックスモデル: content、border、margin、padding

5 導入方法は？ CSS と @import の違いは何ですか?
インラインインライン外部リンクインポート
違い: 同時読み込み
前者には互換性がなく、後者は CSS2.1 以下のブラウザではサポートされていません
リンクは JavaScript を使用したスタイルの変更をサポートしています後者は利用できません

6. CSS セレクターとは何ですか? 優先順位のアルゴリズム
タグ セレクター、クラス セレクター、ID セレクターのどちらが優先されますか? Id>class> タグの選択ほど良くありません
後者のほうが優先されます
7. フロントエンド ページの 3 つのレイヤーとは何ですか? それぞれの機能は何ですか? Layer js

8. CSS の基本的なステートメント構造は?
Selector {属性 1: 値 1; 属性 2: 値 2;...}

9. 作成したページはどのブラウザでテストされていますか?これらのブラウザのコアは?
Ie (Ie kernel) Firefox (Gecko) Google (webkit) o​​pear (Presto)

10. ディスプレイ
2.3 ピクセルの使用によって引き起こされるダブルマージン BUG float に対する IE6 の解決策をいくつか書きます。 dislpay: inline -3px を使用した float によって引き起こされる問題: inline -3px
3. クリック後のハイパーリンクのホバーは無効です。リンクにアクセスしたときの正しい書き込み順序を使用してください。つまり、z-index の問題は、親
5.Png に相対的な位置を追加して使用することです。透過的に変更するjsコード
6.Min-heightを最小の高さに！重要: IE6
8 で iframe ネストを使用するための '
7.select を解決します。約 1px の幅コンテナーを定義する方法がないのはなぜですか (IE6 のデフォルトの行の高さが原因です。over:hidden、zoom:0.08 line-height を使用してください) :1px)

11. ラベルの title 属性と alt 属性の違いは何ですか?
画像が表示されていない場合、Alt はテキストで表されます。
タイトルはこの属性の情報を提供します

12. CSS リセットの役割と目的を説明します。
リセットはブラウザのCSSのデフォルト属性をリセットし、様々な種類とスタイルを持っていますが、それをリセットして統一します

13. CSSスプライトとその使い方を説明します。
Css スプライトは、多数の小さな画像を 1 つの大きな画像に統合し、サーバー画像リクエストの数を減らします

14. ブラウザーの標準モードと奇妙なモードの違いは何ですか?
ボックス モデル レンダリング モードの違い
window.top を使用します。 document.compatMode を使用してモードを表示する

15. Web サイトのファイルとリソースをどのように最適化しますか? 期待されるソリューションには次のものが含まれます:
ファイルの結合
ファイルの最小化
CDN ホスティングの使用
キャッシュの使用
16. HTML?
タグを直感的に理解することは、検索エンジンのクロールに役立ちます

17. フロートをクリアするいくつかの方法 (それぞれに利点と欠点があります)
1. フロートをクリアするには、空のタグを使用します (理論的には、どのタグでもクリアできます)。意味のないタグを追加することもできます)
2. overflow:auto を使用します (空のタグ要素はフローティングから削除され、意図しないコードを追加する必要があります。IE との互換性のために、zoom:1 を使用します)
3. afert 疑似要素を使用してフローティングをクリアします(IE 以外のブラウザの場合)

Javascript
1. JavaScript の typeof はどのようなデータ型を返しますか?
オブジェクト番号関数 boolean underfind

2. 3 種類の強制型変換と 2 種類の暗黙的型変換を与えますか?
Force (parseInt, parseFloat,number)
暗黙的 (== – ===)

3. Split() join() の違い
前者は配列に切り分けること、後者は配列を文字列に変換することです

4 . 配列メソッド Pop() Push() unshift() SHIFT()
Push() 尻尾を追加します Pop() 尻尾を削除します
Unshift() 頭を追加します SHIFT() 頭を削除します

5 の違いは何ですか?イベントバインディングと通常のイベント
6. IEとDOMのイベントフローの違い
1. 実行順序が異なります
3. イベントに追加するかどうかを指します
問題

7. IE と標準で書き込むための互換性メソッドは何ですか
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target
8. Ajax リクエストを行うときの get メソッドと post メソッドの違い
1 つは URL の後に配置され、もう 1 つは次のとおりです。仮想キャリアに配置されます
サイズ制限があります
セキュリティの問題
さまざまなアプリケーションがあります。1 つはフォーラムなどで要求する必要があるだけで、もう 1 つはパスワードの変更に似ています

9。そして apply
Object.call(this, obj1, obj2, obj3)
Object.apply (this, argument)

10. Ajax リクエストを行うときに json データを解釈する方法
eval parse を使用する parse を使用する方が確実ですセキュリティ上の理由
11.b a

12のメソッドを継承します

function getStyle(obj,attr,value)
{
if(!value)
{
if(obj. currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr , false)
}
}
else
{
obj.style[attr]=value
}
}

13. イベント委任とは
イベント バブリングの原理を使用して、独自にトリガーされたイベントを代わりに実行させます。
http://www.webasily.com/?p=78 例については、このリンクを参照してください

14. クロージャとは何ですか、どのような特徴があり、ページにどのような影響を与えますか?他の関数の内部変数を読み込むことができる関数です。
http://blog.csdn.net/gaoshanwudi/article/details/7355794 こちらのリンクからご覧いただけます(質問者は企業ではありません)

15. イベントバブリングとデフォルトイベントを防ぐ方法
canceBubble return false

16 .特定のコンタクトポイントにメソッドを追加、削除、置換、挿入します
obj.appendChidl()
obj.innersetBefore
obj.replaceChild
obj.removeChild

17 jsonpの原理とそれが当てはまらない理由を説明します。 ajax
スクリプトタグの動的作成、コールバック関数
Ajaxはページ更新要求を伴わないデータ操作です

18.javascriptのローカルオブジェクト、組み込みオブジェクト、ホストオブジェクト
ローカルオブジェクトはインスタンス化できる配列obj正規表現などですnew
組み込みオブジェクトはインスタンス化できないロードMathなどです
ホストはブラウザに付属のドキュメント、ウィンドウなどです

19 ドキュメントロードとドキュメント準備完了
Document.onloadの違い。構造とスタイルをロードした後にjsを実行することです
Document.ready ネイティブ版にはこのメソッドはなく、jquery().ready(function)に$があります

20 「==」と「=」の違い。 ===
前者は型を自動的に変換します
後者は変換しません

21.javascriptの同一生成元ポリシー
スクリプトは同じソースからのみ読み取ることができますウィンドウとドキュメントのプロパティ。同じソースとは、次の組み合わせを指します。ホスト名、プロトコル、ポート番号

22. 配列の重複排除メソッドを作成します
関数 oSort(arr)
{
var result = {};
var newArr=[];
for(var i=0;i{
if(!result[arr])
{
newArr.push(arr)
result[arr |