タグの閉鎖、ラベル、非up、ネストされていないネスト、ロボット検索の検索の可能性、外部チェーンCSSとJSスクリプト、構造的パフォーマンス分離、ファイルのダウンロード、より速いページを使用して、より多くのユーザーがコンテンツにアクセスでき、コンテンツにアクセスし、コンテンツコードとコンテンツにアクセスできます。より広範なデバイスでアクセスできるコンポーネントは、ページのコンテンツを変更したり、コンテンツをコピーせずに印刷バージョンを提供したり、ウェブサイトの使用を改善する必要がありません。
XHTMLとHTMLの違いは何ですか
HTMLは、XHTMLがXMLベースのラベル付け言語の主な違いです。
XHTML要素は正しくネストする必要があります。
XHTML要素は閉じる必要があります。
ラベルは小文字でなければなりません。
XHTMLドキュメントにはルート要素が必要です。
3.これらの2つのモードをトリガーするためのStrictモードと混合モード -
一般的に、その仕様（HTML/XHTML）を使用してドキュメントを宣言するために使用されるために、フレームワークに基づいて厳密な過度のフレームワークを備えたHTMLドキュメントはXMLステートメントによってトリガーされ、IE5.5のIE5.5バグに分析方法が変更されます。
4。ブロックレベルの要素は何ですか？
ブロックレベル要素：Div P H1 H2 H3 H4 Form UL
ラインの要素：ab br iスパン入力選択
CSSボックスモデル：コンテンツ、ボーダー、マージン、パディング
5。Linksと@Importの違いは何ですか？
リンクガイダンス内の内部内部内部内部内部内部内部内部内部内部内部内部内部
違い：同時にロードします
前者は互換性がなく、後者はCSS2.1の下のブラウザをサポートしていません
リンクはJavaScriptの使用をサポートしてスタイルを変更します。
6。選択した選択記号は何ですか？
計算方法は？
内部と重要なのはどれですか？
タグ選択シラバス選択ID選択文字
継承は指定されたID>クラス>ラベル選択ほど良くありません
後者は優先度が高くなっています
7.フロントエンドページの3つのレイヤーと違いは何ですか？
構造層HTMLは、レイヤーCSS動作層JSを表します
8。cssの基本的な文作曲？
セレクター{プロパティ1：値2;
9。作ったページは何ですか？
コアは何ですか？
IE（IE Kernel）Gecko（webkit）open（presto）
10。IE6バグのいくつかのソリューションを書きます
1.両側距離バグフロートによって引き起こされるディスプレイを使用します
2.3ピクセルの問題はdirlpay：floatによって引き起こされるインライン-3pxを使用します
3.ハウルリンクホバー正しい書き込み注文リンクがクリックした後、ホバーアクティブにアクセスした
4.IE Z-IDEXの問題は位置を追加します：相対
5。PNG透明な使用JSコードの変更
6。最小高さの最小高さ！重要な解決策」
7. IE6の下でネスティングを覆うように選択します
8。約1px（IE6デフォルトライン（IE6デフォルトライン）を定義する方法がないのはなぜですか
オーバーによる原因：隠された、ズーム：0.08ラインハイト：1px）
11。ラベル上のタイトルとALTプロパティの違いは何ですか？
ALTは、画像が表示されない場合にテキストで表されます。
タイトルは、この属性の情報を提供します
12。CSSリセットの役割と使用を説明してください。
リセットブラウザのCSSデフォルト属性ブラウザの品種をリセットし、
さまざまなスタイル、それをリセットし、統合させます
13. CSSスプライトの使用方法を説明します。
CSS ELFは、たくさんの小さな写真を大きな写真に統合します。
サーバー上のリクエスト数を減らします
14.ブラウザの標準モードと奇妙なモードの違いは何ですか？
ボックスモデルレンダリングモードが異なります
windop.top.document.compatmodeを使用します
理由を表示できます
15. Webサイトのドキュメントとリソースをどのように最適化しますか？
ファイルの合併
ファイル最小化/ファイル圧縮
CDNホスティング
キャッシュの使用
16.セマンティックHTMLとは何ですか？
タグの認識は、検索エンジンのつかむのに適しています
17.フロート、それぞれの利点と短所を削除するいくつかの方法
1.空のラベルを使用してフローティングクリアをクリアします：両方（理論的にはクリアできます
任意のラベル、、、無意味なラベルを追加）
2。オーバーフローを使用：Auto（空のタグ要素を空のタグ要素にしてフロートなしで削除します
意図しないコードの欠点を増やさないでください、互換性のあるIEにズーム：1を使用してください）
3. Afert Pseudo Elementsを備えたクリアフロート（非IIブラウザー用）
JavaScript1. JavaScriptのTypeof Returnのデータ型
オブジェクト番号関数ブールアンダーフィッド
2。例3強制タイプ変換と2つの隠し型変換？
強制（parseint、parsefloat、number）
hidden（== - ===）
3。wlit（）join（）の違い
前者はグループに切断するという形であり、後者は配列を文字列に変換することです
4。配列メソッドpop（）push（）unshift（）shift（）
push（）のテールでpop（）テール削除を追加（）
unshift（）headはshift（）head deleteを追加します
5。イベントのバインディングと通常のイベントの違いは何ですか
6。フローおよびDOMイベントストリームとは異なります
1.実行順序は異なります、
2。パラメーターは異なります
3.イベントを追加しないでください
4。問題を指しています
7。IIおよび標準の下で互換性のある書き込み方法は何ですか
var ev = ev ||
document.documentelement.clientWidth ||
var target = ev.srcelement ||
8。リクエスト時のGETメソッドとポストメソッドの違い
1つはURLの後ろの仮想キャリアに配置されます
サイズの制限があります
秘密の質問
さまざまなアプリケーションがフォーラムなどです。
9。呼び出しと適用の違い
object.call（this、obj1、obj2、obj3）
Object.Apply（これ、引数）
10.AJAX要求の場合、JSONデータの説明方法
評価解析は、セキュリティ上の考慮事項を考慮して解析を使用するためにより信頼性が高くなります
11.b継承方法a
12。非ラインスタイルを取得するための関数を書く
function getStyle（obj、attr、value）{if（！value）{if（obj.currenstyle）{return obj.currenstyle（attr）} ] = value}}13。事件の委員会は何ですか
イベントで泡立ちの原則を挙げましょう。イベントをトリガーし、親要素を実行しましょう！
14。閉鎖は何ですか、特性は何ですか、ページへの影響
閉じることは、他の関数の他の内部変数を読み取ることができる関数です。
1.変数Iを各段落オブジェクト（P）に保存します
1。関数init1（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。Pary[i] .i = i;
5。pary[i] .onclight = function（）{
6。アラート（this.i）;
7.}
8.}
9.}
2。匿名関数自体に変数Iを保存します
1。関数init2（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。（pary [i] .onclight = function（）{
5。Alert（arguments.callee.i）;
6.}）。
7.}
8.}
3.閉鎖層の閉鎖を追加すると、関数パラメーターの形で内側の層関数に送信します
1。関数init3（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。（function（arg）{
5。pary[i] .onclight = function（）{
6。アラート（arg）;
7.};
8.}）（i）; //呼び出し時
9.}
10.}
4.閉鎖層の閉鎖を追加すると、ローカル変数の形で内側の層関数に送信します
1。関数init4（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。（function（）{
5。vartemp = i;
6。pary[i] .onclight = function（）{
7。アラート（温度）;
8.}
9.}）（）;
10.}
11.}
5.レイヤーの閉鎖を追加し、応答イベントとして関数を返します（3からの微妙な違いに注意してください）
1。関数init5（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。Pary[i] .onclight = function（arg）{
5。function（）{//関数を返します
6。アラート（arg）;
7.}
8.}（i）;
9.}
10.}
6。機能を備えた実装の場合、実際、すべての関数インスタンスが閉鎖を生成します
1。関数init6（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。Pary[i] .onclight = new関数（alert（ + i +）;）;
5.}
6.}
7。機能を使用して実装し、6からの違いに注意を払ってください
1。関数init7（）{
2。varpry = document.getElementsByTagname（P）;
3。
4。Pary[i] .onclight = function（ 'alert（'+i+'）'）;
5.}
6.}
15.インシデントバブルとデフォルトイベントを停止する方法
cancebubbleはfalseを返します
16.削除するために追加して、特定の連絡先に挿入する方法を置き換えます
obj.appendchidl（）
obj.innersetbefore
obj.replacechild
obj.RemoveChild
17. jsonpの原則と、それが本当のajaxではない理由を説明する
スクリプトラベル、コールバック関数を動的に作成します
Ajaxは、ページレスリフレッシュリクエストデータ操作です
18。JavaScriptのローカルオブジェクト、オブジェクトとホストオブジェクトの構築
ローカルオブジェクトは、Array obj regexpなどです。
構築された-inオブジェクトは、Gload Mathなどです。
ホストがブラウザに付属するドキュメン、ウィンドウなど
19。ドキュメントロードとドキュメントの違い
document.onloadは、構造とスタイルを読み込んだ後のJSの実行です
document.readyネイティブ種にはこの方法がありません、jqueryは利用可能です
$（）。
20。==および===異なる
前者は自動的にタイプを変換します
後者はそうではありません
21。JavaScriptの相同戦略
スクリプトは、同じソースからのWindowsの属性とドキュメントのみを読むことができます。
ここの同じソースは、ホスト名、契約、ポート番号の組み合わせを指します
22。配列のために重くなる方法を書いてください
関数osort（arr）
{{
var result = {};
var newarr = [];
for（var i = 0; i <arr.length; i ++）
{{
if（！result [arr]）
{{
newarr.push（arr）
結果[arr] = 1
}
}
NewARRを返します
}
23。メディアセレクター
@media（min-width：992px）および（max-width：1199px）
@media画面と（最小幅：768px）
HTML＆CSS
1.一般的に使用されるブラウザテストは何ですか？どのカーネル（レイアウトエンジン）？
（Q1）ブラウザ：IE、Chrome、Firefox、Safari、Opera。
（Q2）カーネル：トライデント、Gecko、Presto、WebKit。
2。ダウンリンク要素とブロックレベル要素の違いについて言えば？内側のブロック要素の互換性は何ですか？ （IE8以下）
（Q1）ライン要素：ブロックレベルの要素を含めることができない水平方向に配置され、幅は無効です。
高さは無効（ラインハイトを設定できます）、マージンは無効で、パディングは無効です。
ブロックレベルの要素：それぞれが線を占有し、垂直方向が配置されます。新しいラインの終わりから、1つは切断されました。
（Q2）互換性：inline-block;*inline;*zoom：1;
3.フロートを削除する方法は何ですか？どちらが良いですか？
（Q1）
（1）高さdivの定義。
（2）最後の空のDivタグ。
（3）ファミリーDIV定義疑似：後とズーム。
（4）オーバーフローの定義：非表示。
（5）オーバーフローの定義：自動：自動。
（6）親divも浮かび、幅を定義する必要があります。
（7）定義表示：表。
（8）BRタグをクリアする：両方とも最後に。
（Q2）このように多くのウェブサイトが使用されています。
4.一般的に使用される属性は何ですか？役割は何ですか？
（Q1）ボックスサイズ：コンテンツボックス|
（Q2）コンテンツボックス：幅と高さは、それぞれ要素のコンテンツボックスに適用されます。
幅と高さの外側の要素の内部と境界を描きます（要素のデフォルト効果）。
ボーダーボックス：要素で指定されているインテリアとフレームがセットアップされます
幅と高さを描きます。それぞれ設定された幅と高さから減少します
コンテンツの幅と高さのみが、境界線と内部距離によって取得できます。
5.doctype？標準モードと互換モードの違いは何ですか？
（Q1）>！
このドキュメントの標準分析。 Doctypeが存在しないか、形式が誤っていない場合はテキストを引き起こします
ファイルは互換性のあるモードで表示されます。
（Q2）標準モードのTaptettingとJS操作モードは、ブラウザで最もサポートされています
高標準操作。互換性のあるモードでは、ページは緩んで後ろ向きです
シミュレーションの古いブラウザの動作が使用されて、サイトが動作できなくなるのを防ぐために使用されることを示します。
6.html5なぜ書く必要がある>！
HTML5はSGMLに基づいていないため、DTDを参照する必要はありませんが
ブラウザの動作を調節するにはDoctypeが必要です（ブラウザに従わせます
実行する必要があります）。
HTML4.01はSGMLに基づいているため、DTDを参照する必要があります
ブラウザドキュメントで使用されるドキュメントの種類を通知します。
7.ページがインポートされるとき、リンクと@Importを使用することの違いは何ですか？
（1）リンクはXHTMLラベルに加えて、CSSのロードに属します。
RSSを定義するには、Rel Connection属性などの役割を定義します
供給の場合、CSSのロードにのみ使用できます。
（2）ページが読み込まれると、リンクが同時にロードされ、@importの引用
CSSは、ロードする前にページがロードされるまで待ちます。
（3）ImportはCSS2.1によってのみ提案されています。
リンクはXHTMLラベルであり、互換性がありません。
8.ブラウザカーネルの理解を紹介しますか？
主に2つの部分に分かれています：レンダリングエンジン（レイアウトエンジニアまたは
レンダリングエンジン）およびJSエンジン。
レンダリングエンジン：Webページ（HTML、XML、画像など）のコンテンツを取得する責任、
メッセージ（CSSなどの追加など）と、Webページを計算する表示方法を並べ替えてください。
次に、ディスプレイまたはプリンターに出力します。ブラウザのカーネルの異なるコア
ウェブページの文法的な解釈は異なるため、レンダリングの効果は異なります。
すべてのWebブラウザ、電子メールクライアント、その他を編集する必要があります。
ネットワークコンテンツを表示するアプリケーションには、カーネルが必要です。
JSエンジン：JavaScriptを分析および実行して、Webページの動的効果を実現します。
最初は、レンダリングエンジンとJSエンジンはそれをはっきりと区別しませんでした
ますます独立しているため、カーネルはレンダリングエンジンを参照する傾向があります。
9。HTML5の新機能は何ですか？ブラウザとHTML5の新しいラベルを処理する方法
質問することができますか？ HTMLとHTML5を区別する方法は？
（Q1）
HTML5は、主に画像、位置、ストレージ、マルチタスクなどの機能の増加に関するSGMLのサブセットではなくなりました。
（1）絵画キャンバス。
（2）媒体に使用されるビデオおよびオーディオ要素。
（3）ローカルオフラインストレージLocalStorageストレージデータは長い間、ブラウザが閉じた後にデータが失われません。
（4）ブラウザが閉じた後、SessionStorageのデータは自動的に削除されます。
（5）記事、フッター、ヘッダー、NAV、セクションなどのより良いコンテンツ要素。
（6）フォームコントロール、カレンダー、日付、時刻、電子メール、URL、検索。
（7）新しいテクノロジーWebworker、Websocket、地質。
（Q2）
IE8/IE7/IE6は、document.createelementによって生成されたラベルをサポートしています。
この機能を使用して、これらのブラウザがHTML5の新しいラベルをサポートできるようにすることができます。
ブラウザが新しいラベルをサポートした後、ラベルのデフォルトスタイルも追加する必要があります。
もちろん、HTML5SHIMなどの成熟したフレームワークを使用することもできます。
> - [IF lt ie 9] <] <
>スクリプト<src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
> [endif] - <
10。HTMLセマンティック化についてのあなたの理解について簡単に説明しますか？
正しいラベルで正しいことをしてください。
HTMLセマンティックには、構造化されたコンテンツとより明確な構造があり、ブラウザや検索エンジンに便利です。
スタイルCSSがない場合でも、ドキュメント形式で表示され、読みやすいです。
検索エンジンのクローラーは、HTMLマークにも依存して、Contextの重みと各キーワードのキーワードを決定します。これはSEOに役立ちます。
ソースコードを読んでいる人がウェブサイトのウェブサイトを簡単に分離できるようになるため、メンテナンスと理解を読みやすくなります。
JavaScript
1. JSの基本データ型を紹介します
未定義、null、boolean、number、string
2。JSの構築されたオブジェクトは何ですか？
データパッケージオブジェクト：オブジェクト、配列、ブール、番号、文字列
その他のオブジェクト：関数、引数、数学、日付、regexp、エラー
3。アートオブジェクトの理解
これは、常に関数の直接の発信者を指します（間接発信者ではなく）。
新しいキーワードがある場合、このオブジェクトは新しいものを指します。
事件では、これは特にIEでのオブジェクトを指し示しています
これは、AttachEventで常にグローバルオブジェクトウィンドウを指しています。
4。評価は何をしますか？
その機能は、対応する文字文字列をJSコードと実行することです。
評価は避け、安全ではなく、非常に消費する必要があります（2回、一度にJSステートメントに解決され、1回の実行）。
JSON文字列からJSONオブジェクトに変換すると、var obj = eval（ ' + str +'） '）を使用できます。
5.ノードを追加、削除、移動、コピー、作成、および検索する方法
//新しいノードを作成します
createdocumentfraagment（）// domフラグメントを作成します
createElement（）//特定の要素を作成します
createTextNode（）//テキストノードを作成します
//追加、削除、交換、挿入
appendChild（）
removechild（）
checheChild（）
insertbefore（）//既存の子ノードの前に新しいサブノードを挿入します
// 探す
getElementsByTagname（）//ラベル名を介して
getelementsbyname（）//要素の名前の値の値
（すなわち、障害トレランス容量は強く、IDを含む配列が得られます。名前値に等しくなります）
getElementById（）//要素ID、一意性
6. NULLとUNDEFININEの違いは？
nullは何もしないオブジェクトです
何もないことを示す元の値は、それが価値に変わるときのナンです。
未定義：
（1）変数は宣言されますが、割り当てがない場合、未定義に等しくなります。
（2）関数を呼び出す場合、提供されるべきパラメーターは提供されていません。
（3）オブジェクトの属性はなく、この属性の値は未定義です。
（4）関数が値を返さない場合、未定義はデフォルトで返されます。
ヌル：
（1）関数のパラメーターとして、関数のパラメーターはオブジェクトではありません。
（2）オブジェクトのプライマリチェーンの端。
7. Thenew操作シンボルは何をしますか？
（1）空のオブジェクトを作成し、この変数はオブジェクトを参照します。
同時に、関数のプロトタイプも継承されました。
（2）属性とメソッドは、これによって参照されるオブジェクトに追加されます。
（3）新しく作成されたオブジェクトはこれによって引用されており、最終的な隠されたタイプがこれを返します。
8。JSONの理解？
JSON（JavaScriptオブジェクト表記）は一種の光です
太りすぎのデータ交換形式。 JavaScriptのサブセットです。
データ形式はシンプルで、読み書きが簡単で、小さな帯域幅を占めています。
形式：キー値のペアを使用します。たとえば、{'age'： '12'、 'name'： 'back'}
9。Call（）およびApply（）の違いと関数？
Apply（）関数には2つのパラメーターがあります。最初のパラメーターはコンテキスト、2番目のパラメーターは
パラメーターは、パラメーターで構成される配列です。コンテキストがnullの場合は、代わりにグローバルオブジェクトを使用します。
など：function.apply（this、[1,2,3]）;
call（）の最初のパラメーターはコンテキストであり、その後のパラメーターシーケンスはインスタンスで渡されます。
など：function.call（this、1,2,3）;
10。uaを取得する方法は？
functionwhotbrowser（）{
document.browser.name.value = navigator.appname;
document.browser.version.value = navigator.appversion;
document.browser.code.value = navigator.appcodename;
document.browser.agent.value = navigator.useragent;
}
他の
1. DOHTTPステータスコードが知っていることは何ですか？
100は続き続けます。通常、投稿リクエストを送信するとき、それは送信されました
HTTPヘッダーの後、サーバーはこの情報を返して確認を示し、特定のパラメーター情報を送信します
200 OK通常の返品情報
201が作成したリクエストが成功し、サーバーは新しいリソースを作成しました
202受け入れられたサーバーはリクエストを受け入れましたが、処理されていません
301が恒久的に移動したWebページは、永久に新しいポジションに移動しました。
302は一時的なリダイレクトを見つけました。
303他の一時的にリダイレクトを参照し、常に新しいURIをリクエストしてください。
304 Not Modifyは、最後のリクエスト以降に変更されていません。
400の悪いリクエストサーバーは、リクエストの形式を理解できず、クライアントは同じコンテンツを使用してリクエストを再度開始しようとしないでください。
401許可されていないリクエストは許可されていません。
403禁止されたアクセスは禁止されています。
404は、URIに一致するリソースを見つけることができません。
500インターネットサーバーエラーの最も一般的なサーバー - サイドエラー。
503サービス利用不可能なサーバーは、一時的にリクエストを処理できません（おそらく過負荷またはメンテナンス）。
2.どのようなパフォーマンス最適化方法を持っていますか？
（1）HTTPリクエストの数を減らす：CSSスプライト、JS、CSSソースコード圧縮、大きな画像
小さなコントロールが適切です。
（2）フロントエンドテンプレートJS+データは、HTMLラベルにより帯域幅廃棄物に削減されます。
フロントエンド変数は、AJAX要求の結果を保存します。
（3）InnerHTMLを使用してDOM操作を置き換え、DOM操作の数を減らし、JavaScriptのパフォーマンスを最適化します。
（4）ClassNameは、直接操作スタイルではなくセットアップする必要がある多くのスタイルが設定されている場合に設定されます。
（5）グローバル変数とキャッシュDOMノードの結果を使用します。 IO読み取り操作を削減します。
（6）動的特性としても知られるCSS発現（CSS式）の使用を避けます。
（7）写真の事前ロード、スタイルテーブルを上に置き、スクリプトを下に置き、タイムスタンプを追加します。
3.エレガントなダウングレードと段階的な強化とは何ですか？
エレガントな降格：Webサイトは、すべての新しいブラウザで正常に機能します
古いファッションのブラウザが使用され、コードは通常の動作ができるかどうかを確認します。
IEのユニークなボックスモデルレイアウトの問題により、IEのハックプラクティスのさまざまなバージョンの場合
優雅さは格下げされており、関数をサポートできないブラウザの候補計画を追加します。
何らかの形で古いブラウザでの降格体験をしますが、完全に無効になるわけではありません。
卒業の強化：すべてのブラウザでサポートされている基本的な関数から始めて、徐々にそれらを追加します
新しいブラウザのみの機能がサポートされており、ベーシックブラウザの無害な量をページに追加します
外部スタイルと機能。ブラウザがサポートすると、それらは自動的に提示され、役割を果たします。
4.どの一般的な操作がメモリの漏れを引き起こす可能性がありますか？
メモリの漏れは、あなたがそれを所有していない、またはそれを必要としなくなった後も任意のオブジェクトがまだ存在することを意味します。
ゴミ回復装置はオブジェクトを定期的にスキャンし、各オブジェクトの他のオブジェクトの数を計算します。
オブジェクトの参照の数が0の場合（他のオブジェクトがオブジェクトを引用していない場合）、
または、オブジェクトへの唯一の参照が円形であり、オブジェクトのメモリをリサイクルできます。
Settimeoutの最初のパラメーターは、関数の代わりに文字列を使用します。これにより、メモリリークが発生します。
閉鎖、コンソールログ、サイクル（2つのオブジェクトが互いに引用し、互いに保持すると、サイクルが生成されます）
5。スレッドとプロセスの違い
プログラムには少なくとも1つのプロセスがあり、プロセスには少なくとも1つのスレッドがあります。
スレッドの分割スケールはプロセスよりも少ないため、マルチスレッドプログラムの合併症が高くなります。
さらに、このプロセスには実行中に独立したメモリユニットがあり、複数のスレッドがメモリを共有しています。
その結果、プログラムの運用効率が大幅に改善されました。
スレッドは、実行中のプロセスとはまだ異なります。各独立したスレッドには1つのプログラムがあります
シーケンスとシーケンスの終了、およびシーケンスのシーケンス。しかし、スレッドは独立することはできません
実行は、アプリケーションの存在における複数のスレッドのアプリケーションに従って実行する必要があります。
論理的な観点から、マルチスレッドの重要性は、1つのアプリケーションに複数の実行があるということです。
パーツは同時に実行できます。しかし、オペレーティングシステムは複数のスレッドを複数の独立したスレッドと見なしていません
プロセスのスケジューリングと管理とリソースの割り当てを達成するためのアプリケーション。これがプロセスとスレッドです
重要な違い。
フロントエンド開発エンジニアフェイステスト質問JavaScript
1。レイヤー内のコンテンツを変更するために動的に使用できる方法は（AB）です
a）innerhtml
b）Innertext
c）設定レイヤーの隠れと表示によって実現する
d）レイヤーレイヤーのスタイル属性の属性を表示
2。キーボードaを押すと、イベントを印刷した結果は、onkeydownイベントを使用しています。
a）65
b）13
c）97
d）37
3。JavaScriptでは、次のオプションは配列メソッドではありません（b）。
a）並べ替え（）
b）長さ（）
c）concat（）
d）reverse（）
4.選択したオプションのインデックス番号を取得するために、次のオプションを使用できますか？
a）無効
b）SelectedIndex
c）オプション
d）複数
5。写真がフォームの提出を書く方法と同じ機能を持っていることを願っています。
a）写真のオンクリックイベントに手動で送信する
b）写真にオンサビットイベントを追加します
c）写真の監督イベントに手動で送信する
d）フォームで自動的に送信します
6. Divレイヤーとテキストボックスを作成するコードは正しい（d）。
a）
b）
c）
d）
7。次のオプションでは、正しい説明は（2つの項目を選択してください）です。 （広告）
a）options.add（new option（ 'a'、 'a'））は、ドロップダウンリストオプションを動的に追加できます
b）option.Add（新しいオプション（ 'a'、 'a'））は、ドロップダウンリストオプションを動的に追加できます
c）新しいオプション（ 'a'、 'a'） 'a'はリストオプションの値を表し、 'a'はページに表示するために使用されます
d）新しいオプション（ 'a'、 'a'） 'a'はリストオプションの値を表し、 'a'はページに表示するために使用されます
8。varemp = new Array（3）;
for（var i in emp）
以下の回答では、forループコードに置き換えることができます。（1つを選択）。 （d）
A（var i = 0; i
b for（var i = 0; i
c for（var i = 0; i
d for（var i = 0; i
9。クラス料理を作る機能が、ドロップダウンリストボックスの（a）インシデントと呼ばれる場合。
a）オンチェンジ
b）オンフォーカス
c）選択
d）オンクリック
10。次の配列のステートメントでは、間違ったオプションは（c）です。
a）var arry = new array（）
b）var arry = new Array（3）
c）var arry [] = new Array（3）（4）
d）var arry = new Array（ '3'、 '4'）
11.次の属性のうち、レイヤーを隠すことができるものはどれですか？
a）ディスプレイ：fals
b）表示：隠されています
c）表示：なし
d）表示：
12.次のオプションは、ドキュメントオブジェクトの方法ではありませんか？
a）focus（）
b）getElementById（）
c）getelementsbyname（）
d）bgcolor（）
13.次のうち、キーボードイベント（AB）を押しているのはどれですか
a）OnKeyDown
b）onkeypress
c）キーコード
d）オンマウスオーバー
14。フォーム検証を検証するJavaScriptの目的は（b）です
a）ユーザーの正しい情報をサーバーに送信する
b）提出されたデータを確認してください現実を満たす必要があります
c）ページを美しく寛大にします
d）サーバー側の圧力を下げます
15.表示属性値の一般的に使用される値には含まれません（c）
a）インライン
b）ブロック
c）隠された
d）なし
16. Pixeltop属性と上位属性に関する次の記述は正しいです。 （d）
a）場所オブジェクトのすべての属性
b）使用時の返品値はすべて文字列です
c）すべてピクセルの値を返します
d）上記は正しくありません
17.開いた方法を使用して、ブラウザツールを使用してウィンドウを開き、列、メニューバーを正しく__d__にします。
a）open（x.html、hi、toolbas = 1、scrollbars = 1、status = 1）;
b）open（hi、scrollbars = 1、local = 1、status = 1）;
c）open（x.html、status = yes、menubar = 1、local = 1）;
d）open（x.html、hi、toolbas = yes、menubar = 1、local = 1）;
18.以下で閉じられているコードは正しい（c）
a）document.getElementByIdx_x_x_x（mydiv）.style.display = none;
b）document.getElementByIdx_x_x_x（mydiv）.style.display = none;
c）document.getElementByIDX_X_X_X（myDiv）.style.display = none;
d）document.getElementByIDX_X_X_X（myDiv）.style.display == none;
19.なぜDiv+CSSレイアウトを使用するのか
フォームとコンテンツの分離
ページコードを大幅に削減し、ページブラウジングの速度を上げる
構造は明確で、SEOを助長します
革命の時間を短くすると、レイアウトはより便利です
設計、複数回使用してください
20。ブロック要素の特性は何ですか？
常に新しい旅行から始めてください。
高さ、高さ、上下の距離制御。
幅を設定しない限り、幅のデフォルトはコンテナの100％です
要素があります：,,
、、、、
21の特性とインライン要素は何ですか？
両方とも他の要素がラインにあります。
高、高、上部、および下のマージンを変更することはできません。
幅はそのテキストまたは写真の幅であり、変更できません。
それはインライン要素です：,,,,,,,,
、、、、
そして。
22。javascriptの式parseint（x8x8）+pasefloat（ '8'）の結果は何ですか？
a）8+8
b）88
c）16
d）8+ '8
23。文字列オブジェクトの方法には含まれていません（c）
a）charat（）;
b）サブストリング（）
c）長さ
d）Touppercase（）
24。SettimeOutについて（チェック、10）ステートメントは正しい（d）
a）プログラムサイクルの実行10回
b）チェック関数は10秒ごとに実行されます
c）関数チェックに渡されたパラメーターとして10
d）チェック関数は、10ミリ秒ごとに1回実行されます
25.次の単語のどれがJavaScriptキーワードに属していないもの：（c）
a）で
b）親
c）クラス
d）void
序文
この記事は、いくつかの高品質のフロントインタビューの質問をまとめています（主にインターネットから）、初心者は緊急の知識を慎重に研究する必要があります。推測しないでください、インタビューレベルが間違っていることを求めてください！
インタビューに注意を払うためのいくつかのポイントがあります：（ソースCheng Yan Fei教師Github：@wintercn）
インタビューのトピック：レベルと位置の変更に応じて、エントリーレベルから専門家レベル：スコープ↑、深さ↑、方向↑。
質問の種類：技術ビジョン、プロジェクトの詳細、理論的知識の質問、アルゴリズムの質問、開放性の質問、ケースの質問。
質問：インタビュアーを理解していない、または理解していないことを確認できます。この種の関連する知識は長期学習であるため、一時的に記憶されていません。
質問に答えてください、インタビュアー（多分それはあなたの直接のリーダーシップインタビューです）、あなたは私がこの人に私の同僚になりたいかどうかを考えてみてください。したがって、態度は重要です。 （それは盲目のデートのように感じます）
シニアエンジニアは絶対的かつ親relativeを混乱させることができるので、そのような人々はそれを必要としません。
フロントエンド開発インタビュー知識ポイントの概要：
HTML＆CSS：
Web標準、ブラウザのカーネルの違い、互換性、ハック、CSSの基本スキルの理解：レイアウト、ボックスモデル、セレクターの優先順位と使用、HTML5、CSS3、モバイルターミナル適応の適応
JavaScript：
データ型、オブジェクト指向、継承、閉鎖、プラグイン、アクションドメイン、クロスドメイン、プロトタイプチェーン、モジュール化、カスタムイベント、メモリリーク、イベントメカニズム、非同期負荷回復、テンプレートエンジン、NodeJS、JSON、Ajaxなど。
他の：
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。