1. xhtml と html の違いは何ですか? XMLマークアップ言語間の主な違い:
XHTML 要素は正しくネストされている必要があります。 XHTML 要素は閉じられている必要があります。 タグ名は小文字である必要があります。
現在のドキュメント間のリンク (リンク)。ハイパーリンクに使用されます。src は、外部リソースの場所を指します。src リソースを要求すると、指定されたコンテンツがドキュメント内の現在のタグの位置に埋め込まれ、指定されたリソースがダウンロードされてドキュメントに適用されます。 jsスクリプトやimg画像、フレーム要素など。ブラウザーがこの要素を解析すると、リソースがロード、コンパイル、実行されるまで、他のリソースのダウンロードと処理が一時停止されます。これは、ピクチャやフレームなどの要素にも当てはまります。これは、指定されたリソースをオブジェクトに埋め込むのと似ています。現在のタグ。これが、js スクリプトが先頭ではなく下部に配置される理由でもあります。
3. インライン要素とは何ですか? ブロックレベルの要素とは何ですか?
インライン要素: a、b、span、strong、select 、label、em、button、textarea
ブロックレベルの要素:
div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空の要素: つまり、コンテンツがありませんHTML 要素 (例: br、meta、hr、link、input、img
4)、form のaction
属性とmethod
属性の意味は何ですか? メソッド一般的に使用される値
は何ですか?
action属性はform
フォーム送信のバックグラウンドプログラムアドレスを指定するために使用され、method属性は
formフォーム送信のメソッドを指定するために使用されます。 methodの一般的に使用される値は、: getとpost5です。 フォーム要素の新しい属性は何ですか?
必須: 必須項目プレースホルダー: プロンプト情報
、のコンテンツがクリックされると、が消えます パターン:検証の規則性式
antofocus: は自動的にフォーカスを取得します
aotucomplete: オートコンプリート
6. 指定されたサーバーにデータを送信する方法は何ですか?
Ajax フォーム
URL?パラメータ
AngularJS $HTTP
JQ Ajax: $.POST (,,) $.GET(,,) ({ })
JS Ajax: 5 ステップ。 (質問 25 を参照)
7. 文字列の前後のスペースをクリアする関数を作成します。 (すべてのブラウザに対応)
function trim(str) {
if (str && typeof str === "string") {
return str.replace(/ (^s*) | (s*) $/g, "");
}}}
8、重複要素を削除する方法配列内?
var arr1 =[1,2,2,2,3,3,3,4,5,6],
var arr2 = [ ]; for(var i = 0; i if(arr2.indexOf(arr1[i]) < 0){ arr2.push (arr1[i]); } } document.write(arr2); // 1,2,3,4,5,6 ; 9. Cookie、sessionStorage、localStorage の違いについて説明してください sessionStorage は、セッション内のデータをローカルに保存するために使用され、セッション完了後にデータにアクセスできます。も破壊されます。したがって、sessionStorage は永続的なローカル ストレージではなく、セッション レベルのストレージにすぎません。 LocalStorage は、データがアクティブに削除されない限り、永続的なローカル ストレージとして使用されます。 Web ストレージと Cookie の違い さらに、Web Storage には setItem、getItem、removeItem、clear などのメソッドがあります。Cookie とは異なり、フロントエンド開発者は setCookie と getCookie を自分でカプセル化する必要があります。しかし、Cookie も不可欠です。Cookie はサーバーと対話するために使用され、HTTP 仕様の一部として存在しますが、Web Storage はデータをローカルに「保存」するためにのみ作成されます。 10、cookie、sessionの違いは何ですか？ Cookie クライアント側に保存されます; サーバー側に保存されます; のidが存在しますクッキー中。 11. ページにスタイルをインポートする場合、linkと @importの使用の違いは何ですか? ).linkは、 2) に属します。ページが読み込まれると、リンク。同時にロードされ、 @importによって参照される CSSは、ページがロードされるまで待ってからロードします。またはそれ以上、一方、 link は .link スタイルの重み> @import 12の重みを簡単に説明します。 相対:相対的な位置決め。元の位置を基準として、元の DOM スペースが保持されます。 Absolute: 絶対位置。最初の非 静的 配置された祖先要素を基準に配置すると、元の DOM スペースが削除されます。 静的: デフォルト値。配置を行わない場合、要素は通常のフローで表示されます ( 上、下、左、右の Z-index 宣言は無視されます)。 Inherit: は、位置属性の値が親要素から継承されることを指定します。 13. display ブロックブロック型要素のように表示されます。 なし デフォルト値。インライン要素タイプのように表示されます。 inline-block インライン要素のように表示されますが、その内容はブロック型要素のように表示されます。 ブロック型要素のように表示し、スタイルリストマークアップを追加します。 table この要素はブロックレベルのテーブルとして表示されます 継承 display属性の値が親要素から継承されることを指定します 1 4はどうでしょうか、jquery 配列をjson文字列に変換してから再度元に戻しますか? $.fn.stringify = function() { return JSON.stringify(this); } を使用: $(array).stringify(); 15. JSON について理解していますか? JSON (JavaScript Object Notation) これは JavaScript のサブセットに基づいています。データ形式はシンプル、読み書きが簡単、占有帯域幅が小さい {"age":"12", "name":"back"} JSON JSONオブジェクトに文字列を変換します :var obj =eval('('+ str +')'); var obj =息子( ); var obj = JSON.parse(str); JSON JSON文字列に変換: var last=obj.toJSONString(); var last= JSON.stringify(obj); 16. レスポンシブデザインとは何ですか?レスポンシブデザインの基本原則は何ですか? さまざまなデバイスの画面サイズ、解像度、方向などに基づいて、統一されたウェブサイトはさまざまな効果で表示されます。 モバイルファースト。 JSを使用して異なるモバイルサイトやPCサイトにジャンプしたり、MediaQueryを使用して異なるデバイスのプロパティを検出して異なるCSSを表示したり、さまざまなレスポンシブを使用したりできますフロントエンドフレームワーク。 利点: 特に携帯電話での優れたユーザー エクスペリエンス。 短所: 冗長なコードが多く含まれており、開発コストが高い (ただし、モバイルサイト+PCステーションを開発するモデルよりもはるかに低コストです) 7.の可視性:hiddenとdisplay:noneの違いは何ですか? Use display: none 非表示にした後、要素のスペースが解放され、他の要素がそのスペースを占有することができます Use visibility: hidden は目に見えないだけです, しかし、要素のスペースはまだ占有されており、他の要素は使用できません。 18. 配列に関連する一般的なメソッドのリスト 19 文字列に関連する一般的なメソッドをリストしますindexOf/lastIndexOf/charAt、split/match/test、slice/substring/substr、toLowerCase/toUpperCase 20、 一般的なブラウザカーネルとは何ですか? Trident IE、MaxThon、TT、The World、360、Sogouブラウザなど。 [別名MSHTML]Gecko Netscape6以上、FireFox(Firefox)、 SeaMonキーetc Presto Opera7以降。 [Operaカーネルは元々: Presto、現在: Blink;]Webkit Safari (Apple 独自のブラウザ)、 (Google) など [Chrome: Blink (WebKitのブランチ)]21. とh1の違い。 bと 強いの違い、iとemの違いは？ title H1 は明確なレベルのタイトルを意味し、 にも大きな影響を与えます。 は、重要な内容を強調する意味を持ちます。読み取りデバイスを使用してインターネットを読む場合、 は強調表示されます。内容を強調しました。 i コンテンツは斜体で表示され、em は強調されたテキストを示します。 22、Web 認証コードは何のためにありますか? どのようなセキュリティ問題を解決するのですか? ユーザーがコンピューターか人間かを区別する公開の全自動プログラム。悪意のあるパスワードのクラッキング、チケット詐欺、フォーラムのフラッディングを防ぐことができます ハッカーが特定のプログラムを使用して特定の登録ユーザーに対して継続的にログインを試行することを効果的に防ぎます。 23. フロントエンドエンジニアのポジションについて何を理解していますか? a フロントエンドはユーザーに最も近いプログラマーであり、フロントエンドの能力です。製品を 90 ポイントから 100 ポイントに進化させ、さらに優れたものにすることです b. プロジェクトに参加し、1 ピクセルまでの精度でレンダリングを迅速に完了します。 c. チーム メンバー、UI とコミュニケーションします。デザイン、プロダクトマネージャー d . 優れたページ構造、ページの再構築、およびユーザーエクスペリエンス e. ハッキング、互換性を扱い、美しいコードフォーマットを作成します f。最新のフロントエンドテクノロジー。 24、closure(クロージャ)とは、なぜそれを使用する必要があるのですか? クロージャは、別の関数のスコープ内の変数にアクセスできる関数です。クロージャを作成する最も一般的な方法は、関数内に別の関数を作成し、別の Local 関数を通じてその関数にアクセスすることです。変数、スコープチェーンのスコープを突破し、関数内の変数やメソッドを外部に渡すにはクロージャを使用します。クロージャは、単に「関数内で定義された関数」として理解できます クロージャの特徴: 1.関数内にネストされた関数 2.内部関数は外部パラメータを参照できますと変数 3.パラメータと変数はガベージコレクションメカニズムによってリサイクルされません //liノードのonclickイベントは、現在のクリックされたliを正しくポップアップできますインデックス インデックス = 1< ;/li> 。 25、Ajaxとは何ですか? Ajaxを作成するには?通称 ajax はフルネーム : 非同期 JavaScript と xml、 JavaScript と xml、ページレス ブラシ テクノロジー とも呼ばれます。 ここでの非同期は、単純に次のように理解できます。: サーバーにリクエストを送信するときに、結果を待つ必要はありませんが、結果が利用可能になったら、同時に他のことを行うことができます。これにより、ページ全体が更新されなくなり、ユーザー エクスペリエンスが向上します。 Ajaxを作成するには? (1)XMLHttpRequestオブジェクトを作成します つまり、非同期呼び出しオブジェクトを作成します(2)新しいを作成しますHTTP リクエスト そしてHTTPリクエストメソッド、URLと検証情報(3)HTTPリクエストステータス変更 (4)HTTPリクエストを送信 (5)非同期呼び出しによって返されたデータを取得(6) とを使用するドム 26. JSのwindow.onload とJqueryの$(document)の違いは何ですか。準備完了(関数( ){})?ネイティブJSを使用してJqのreadyメソッドを実装するにはどうすればよいですか? window.onload() メソッドは、画像を含むページ内のすべての要素が読み込まれるまで待機してから実行する必要があります。 $(document).ready()は、 構造体が描画された後、ロードを待たずに実行されます。 27.(デザインの質問) ページ上の特定のノードのドラッグを実装したいですか?実行する方法？ (ネイティブ JS を使用してください) 概念に答えるだけです。いくつかの重要なポイントがあります必要なノードにmousedown、mousemove、mouseupイベントをバインドします。 イベントがトリガーされたら、ドラッグを開始します mousemoveをするときは、event.clientXとclientYを通してドラッグ位置を取得し、ドラッグ終了時に mouseupで位置を更新する必要があります 28、 apply、call、bindの違いは何ですか? この 3 つはすべて、関数を他のオブジェクトに適用できることに注意してください。 apply, callは関数呼び出しを直接実行するもので、bindはバインドするもので、再度実行を呼び出す必要があります。 applyとcallの違いは、applyがパラメータとして配列を受け入れるのに対し、callはカンマで区切られたパラメータの無制限のリストを受け入れることです。 コードデモ 29 と iframe の欠点は何ですか? *iframeはメインページのOnloadイベントをブロックします *検索エンジンの検索プログラムはこの種のページを解釈できません。これはSEOに役立ちません。 ; *iframe とメイン ページは接続プールを共有しており、ブラウザには同じドメイン内の接続に対する制限があるため、ページの並列読み込みに影響します。 iframeを使用する前に、これら 2 つの欠点を考慮する必要があります。 iframeを使用する必要がある場合は、javascript を介してsrc属性値をiframeに動的に追加することが最善であり、これにより上記の2つの問題を回避できます。 30、ajaxのクロスドメイン問題を解決するにはどうすればよいですか? jsonp、iframe、window.name、window.postMessage、サーバー上にプロキシページを設定します 私自身のアプローチ: jquery ajax$ .ajax（{ datatype： 'jsonp' }）の使用 function Person() {
}
Person.prototype.sayName() { alert(this.name); }
var obj = {name: 'michaelqin'}; // 注意这是一个普通对象，它不是Person的实例
1) apply
Person.prototype.sayName.apply(obj, [param1, param2, param3]);
2) call
Person.prototype.sayName.call(obj, param1, param2, param3);
3) bind
var sn = Person.prototype.sayName.bind(obj);
sn([param1, param2, param3]); // bind需要先绑定，再执行
sn(param1, param2, param3); // bind需要先绑定，再执行ログイン後にコピー
以上がxhtmlとhtmlの違いは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
