xhtmlとhtmlの違いは何ですか？

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]) fd4900d1e3d38e6165983a10afbda956 は強調表示されます。内容を強調しました。 i コンテンツは斜体で表示され、em

は強調されたテキストを示します。

22、Web 認証コードは何のためにありますか? どのようなセキュリティ問題を解決するのですか?

ユーザーがコンピューターか人間かを区別する公開の全自動プログラム。悪意のあるパスワードのクラッキング、チケット詐欺、フォーラムのフラッディングを防ぐことができます

ハッカーが特定のプログラムを使用して特定の登録ユーザーに対して継続的にログインを試行することを効果的に防ぎます。

23. フロントエンドエンジニアのポジションについて何を理解していますか?

a フロントエンドはユーザーに最も近いプログラマーであり、フロントエンドの能力です。製品を 90 ポイントから 100 ポイントに進化させ、さらに優れたものにすることです

b. プロジェクトに参加し、1 ピクセルまでの精度でレンダリングを迅速に完了します。

c. チーム メンバー、UI とコミュニケーションします。デザイン、プロダクトマネージャー

d . 優れたページ構造、ページの再構築、およびユーザーエクスペリエンス

e. ハッキング、互換性を扱い、美しいコードフォーマットを作成します

f。最新のフロントエンドテクノロジー。

24、closure(クロージャ)とは、なぜそれを使用する必要があるのですか?

クロージャは、別の関数のスコープ内の変数にアクセスできる関数です。クロージャを作成する最も一般的な方法は、関数内に別の関数を作成し、別の Local 関数を通じてその関数にアクセスすることです。変数、スコープチェーンのスコープを突破し、関数内の変数やメソッドを外部に渡すにはクロージャを使用します。クロージャは、単に「関数内で定義された関数」として理解できます

クロージャの特徴:

1.関数内にネストされた関数

2.内部関数は外部パラメータを参照できますと変数

3.パラメータと変数はガベージコレクションメカニズムによってリサイクルされません

//liノードのonclickイベントは、現在のクリックされたliを正しくポップアップできますインデックス

c1a1943803dd8dc56d9b6faf4cdd3f3e

インデックス = 1< ;/li>

4ec11beb6c39d0703d1751d203c17053

var ノード = document.getElementsByTagName("li");

for(i = 0;ia49c60cf86471280d271817b230b6132

。

25、Ajaxとは何ですか? Ajaxを作成するには?通称 ajax はフルネーム : 非同期 JavaScript と xml、

は非同期

JavaScript と xml、ページレス ブラシ テクノロジー とも呼ばれます。 ここでの非同期は、単純に次のように理解できます。: サーバーにリクエストを送信するときに、結果を待つ必要はありませんが、結果が利用可能になったら、同時に他のことを行うことができます。これにより、ページ全体が更新されなくなり、ユーザー エクスペリエンスが向上します。 Ajaxを作成するには?

(1)XMLHttpRequestオブジェクトを作成します

、

つまり、非同期呼び出しオブジェクトを作成します(2)新しいを作成しますHTTP リクエスト

、

そしてHTTPリクエストメソッド、URLと検証情報(3)HTTPリクエストステータス変更

に応答する関数を設定します

(4)HTTPリクエストを送信

(5)非同期呼び出しによって返されたデータを取得(6)

JavaScript

とを使用するドム

部分リフレッシュを実現する

26. JSのwindow.onload

とJqueryの$(document)の違いは何ですか。準備完了(関数( ){})?ネイティブJSを使用してJqのreadyメソッドを実装するにはどうすればよいですか? window.onload() メソッドは、画像を含むページ内のすべての要素が読み込まれるまで待機してから実行する必要があります。 $(document).ready()は、

DOM

構造体が描画された後、ロードを待たずに実行されます。

27.(デザインの質問) ページ上の特定のノードのドラッグを実装したいですか?実行する方法？ (ネイティブ JS を使用してください)

概念に答えるだけです。いくつかの重要なポイントがあります必要なノードにmousedown、mousemove、mouseupイベントをバインドします。

マウスダウン

イベントがトリガーされたら、ドラッグを開始します

mousemoveをするときは、event.clientXとclientYを通してドラッグ位置を取得し、ドラッグ終了時に

mouseupで位置を更新する必要があります

28、 apply、call、bindの違いは何ですか?

この 3 つはすべて、関数を他のオブジェクトに適用できることに注意してください。 apply, callは関数呼び出しを直接実行するもので、bindはバインドするもので、再度実行を呼び出す必要があります。

applyとcallの違いは、applyがパラメータとして配列を受け入れるのに対し、callはカンマで区切られたパラメータの無制限のリストを受け入れることです。

コードデモ

   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需要先绑定，再执行

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'

}）の使用

以上がxhtmlとhtmlの違いは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。