JS に関する基本的な質問-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JS に関する基本的な質問

jacklove

May 21, 2018 am 10:21 AM

javascript ベース質問

開発や学習では、js の問題によく遭遇します。この記事では、関連する js の基本的な問題をいくつか紹介します。

CSS と JS が Web ページに配置される順序は何ですか?

通常、CSS を head タグに配置し、JS コードを body コードの最後に配置します。

<!DOCTYPE html><html><head>
  <meta charset="utf-8">
  <title>JS基础</title>
  <style>
    
    /* 这里放css代码 */      
    
  </style></head><body>
  <!-- 这里放HTML代码 -->
    
  <script>

ログイン後にコピー

白画面とFOUCの説明

白画面: CSS スタイル一部のシナリオ (新しいウィンドウを開く、更新するなど) では、@import タグを使用すると、コンテンツが徐々に表示されずにページに白い画面が表示されます。 CSS内にリンクを配置して先頭に置くと、白画面現象が発生する場合もあります。

スクリプトは後続のコンテンツの表示をブロックします

スクリプトは後続のコンポーネントのダウンロードをブロックします
画像と CSS の場合、それらは同時に読み込まれます (1 つのドメイン名で 2 つのファイルを同時に読み込むなど)。 JS をロードするときに同時実行性が無効になり、他のコンテンツがダウンロードされなくなるため、JS をページの上部に配置すると白い画面が表示されます。

FOUC (スタイルのないコンテンツのフラッシュ): IE ブラウザーの場合、CSS スタイルを下部に配置すると、一部のシナリオ (リンクをクリックする、URL を入力する、ブックマークを使用して入力するなど) で、FOUC 現象が発生します。 (スタイルのないコンテンツが徐々に読み込まれ、CSS が読み込まれた後にページに突然スタイルが表示されます。) Firefox の場合、FOUC 現象が必ず発生します。

async と defer の機能は何ですか?違いは何ですか

async と defer を使用しないと、ブラウザーの読み込み時に現在のスクリプトがすぐに読み込まれて実行され、ブラウザーは script タグの下にあるドキュメント要素のレンダリングをブロックされます。ただし、async と defer を使用すると、ブラウザーはブロックされます。後続のドキュメントをロードしてレンダリングできます。このプロセスは、JS スクリプトのロードおよび実行と並行して実行されます。つまり、ロードは非同期です。

2 つの違い: 主な点は、スクリプトがダウンロードされた後にいつ実行するかです。 Defer はドキュメントが解析されて表示されるまで、読み込み順序に従ってスクリプトの実行を遅らせますが、async はすぐに実行されます。宣言した順序に関係なく、ロードされるとおりです。
一般的に言えば、延期の方が使用シナリオに沿っています。

Web ページのレンダリングメカニズム

HTML タグを解析し、DOM ツリーを構築します

CSS タグを解析し、CSSOM ツリーを構築します

DOM と CSSOM を組み合わせて基本レイアウト用のレンダーツリーを作成します

各ノードの幾何学的構造を計算します

各ノードを画面に描画し、ユーザーに提示します

JavaScript はいくつのデータ型を定義しますか? 単純型はどれですか? 複合型はどれですか?

Null: null ポインターです

Underfined: ポインターはありますが、何も指しません。 Space

Boolean: ブール値、true、false (true、false)

Number: 数値型。

String: 一重引用符または二重引用符で表される文字列タイプ。

オブジェクト: オブジェクト、JS の中心概念、最も重要なデータ型。 (すべてがオブジェクトです)

最初の 5 つの型は単純型で、Object は複合型です。

NaN、未定義、null はそれぞれ何を表しますか?

NaN: 数値ではない、それ自体を含むどの値にも等しくない (どの値にも等しくない数値型) を意味します

underfined : は Underfined の唯一の値です。これは、変数が宣言されただけで初期化されていないことを意味します。つまり、このポインターは存在しますが、このポインターはスペースを指していません

null: の唯一の値です。 Null は、null ポインター、つまり存在しないものを意味します

typeof と instanceof の関数と違いは何ですか? typeof の関数は、戻り値のデータ型を決定し、それをオペランドの前に置くことができます。オペランドは任意の型にすることができます。

function a(){}

a(){}typeof a"function" //オペランドは関数であり、functiontypeof 123421"number"typeof "32423423423""string"typeof true"boolean" typeof unknown"unknown" を返します// 未定義の変数をチェックするためにこれを使用します。 typeof window "object" // 他のすべては object を返します

instanceof は、変数がオブジェクトのインスタンスであるかどうかを判断するために使用されます。typeof は、null、配列に遭遇したときにオブジェクトの型を返すためです。、またはオブジェクトなので、オブジェクトが配列であるかどうか、または変数がオブジェクトのインスタンスであるかどうかを判断したい場合は、instanceof を使用する必要があります

コードの問題

1 次のコードは、変数がであるかどうかを判断します。数値、文字列、ブール値、関数

function isNumber(el){ 
 if ((typeof el)==="Number"){   return true;
   }  else { 
return false
  };
}function isString(el){ 
  if ((typeof el)==="String"){   return true;
   }  else { 
return false
  };
}function isBoolean(el){ if ((typeof el)==="Boolean"){   return true;
   }  else { 
return false
  };
}function isFunction(el){  if ((typeof el)==="Function"){   return true;
   }  else { 
return false
  };
}var a = 2, 
b = "jirengu", 
c = false;alert( isNumber(a) ); //truealert( isString(a) ); //falsealert( isString(b) ); //truealert( isBoolean(c) ); //truealert( isFunction(a)); //falsealert( isFunction( isNumber ) ); //true

ログイン後にコピー

2. 次のコードの出力結果は?

JS に関する基本的な質問

私は写真です

3. 次のコードの出力結果は?

var a = 1;

a+++a;typeof a +2;

結果はnumber2です(typeofの優先順位が非常に高いため、typeof aが最初に計算され、結果はnumberとなり、2が加算されるため、 number2)

4. 配列を走査し、配列の各項目を出力します

var arr = [3,4,5]// todo..// 出力 9, 16, 25

以下:

JS に関する基本的な質問

私はグラフです

5. JSON をトラバースし、内部の値を出力します

var obj = { name: 'hunger', sex: 'male', age: 28}//todo ...// 出力名: 'hunger', 性別: 男性, 年齢: 28

コードは次のとおりです。図: (この参照はどこでも)

JS に関する基本的な質問

私は写真です

6. 次のコードの出力は何ですか? Why

console.log(a);var a = 1;console.log (a);console.log( b);

JS はグローバル変数をプロモートし、a は宣言されるだけで割り当てられないため、最初の console.log(a); 出力は不十分です。
2 番目の console.log(a); の出力は、var a =1; の後に a に 1 を代入するため、1 になります。
3 番目の console.log(b); 出力では、b が宣言されていない、または値が割り当てられていないため、エラーが報告されます。

この記事では、いくつかの基本的な導入問題を紹介します。さらに関連した知識が必要な場合は、php 中国語 Web サイトに注目してください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7563

CakePHP チュートリアル

1385

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジーはじめに：インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータスコードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータスコードを取得する方法、特定のコード例が必要です序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータスコードを取得して操作が成功したかどうかを判断し、さまざまなステータスコードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータスコードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

jQueryがform要素の値を取得できない問題の解決方法 Feb 19, 2024 pm 02:01 PM

jQuery.val() が使用できない問題を解決するには、具体的なコード例が必要ですフロントエンド開発者にとって、jQuery の使用は一般的な操作の 1 つです。その中でも、.val() メソッドを使用してフォーム要素の値を取得または設定する操作は、非常に一般的な操作です。ただし、特定のケースでは、.val() メソッドを使用できないという問題が発生する可能性があります。この記事では、いくつかの一般的な状況と解決策を紹介し、具体的なコード例を示します。問題の説明 jQuery を使用してフロントエンドページを開発する場合、時々次のような問題が発生します。

win11インストール後にスタートメニューが使えなくなる問題の解決方法 Jan 06, 2024 pm 05:14 PM

多くのユーザーが win11 システムを更新しようとしましたが、更新後にスタートメニューが使用できないことがわかりました。最新の更新プログラムに問題があることが原因である可能性があります。Microsoft がこれらの更新プログラムを修正するか、アンインストールして問題を解決するのを待つことができます。問題です。一緒に見てみましょう。解決策。 win11 インストール後にスタートメニューが使用できない場合の対処方法方法 1: 1. まず、win11 でコントロールパネルを開きます。 2. 次に、プログラムの下にある [プログラムのアンインストール] ボタンをクリックします。 3. アンインストールインターフェイスに入り、左上隅にある [インストールされたアップデートの表示] を見つけます。 4. 入力後、アップデート情報でアップデート時間を確認し、最近のアップデートをすべてアンインストールできます。方法 2: 1. さらに、更新なしで win11 システムを直接ダウンロードすることもできます。 2.これはほとんどのない製品です

Rulong 8 ワインマスター試験の問題は何ですか? Feb 02, 2024 am 10:18 AM

Yulong 8 ワインマスター試験にはどのような問題がありますか?対応する答えは何でしょうか?試験に早く合格するにはどうすればよいですか?マスターオブワイン試験の活動では、回答しなければならない質問がたくさんあり、その回答を参照して解決することができます。これらの質問にはすべてワインの知識が含まれます。参考が必要な場合は、龍が如く 8 ワインマスター試験問題の解答の詳細な分析を見てみましょう。 Rulong 8 ワインマスター試験の問題の答えを詳しく解説 1.「ワイン」に関する質問。ハワイで大量に栽培されているサトウキビの糖分を原料に醸造され、王室御用達の蒸留所で造られる蒸留酒です。このワインの名前は何ですか? 答え: ラム酒 2.「ワイン」についての質問です。写真は乾燥高麗人参と乾燥ベルモットをブレンドしたドリンクです。オリーブが入っているのが特徴で「コックニー」と呼ばれています。

JavaScript で HTTP ステータスコードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータスコードを取得する方法の紹介: フロントエンド開発では、バックエンドインターフェイスとの対話を処理する必要があることが多く、HTTP ステータスコードはその非常に重要な部分です。 HTTP ステータスコードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータスコードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータスコードとは何ですか? HTTP ステータスコードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

Wuhuami の新しいブレークスルーテストに関するよくある質問: 2 月 28 日、皆様のご来場をお待ちしております。 Feb 26, 2024 pm 05:22 PM

Wuhua Mixin は、2 月 28 日に突破テストを実施することを確認しました。今回は、過去のテストに参加したことがあるか、今回は資格があるのか、テストの開始と終了など、突破テストの一般的な問題を主に解決します。テストと事前ダウンロード時間は? サポートされているデバイスプラットフォームとその他のコンテンツを見てみましょう。 Wuhuami の新しいブレークスルーテストに関するよくある質問: 2 月 28 日、皆様のご来場をお待ちしております。 1.「破壊テスト」とは何ですか? このテストはAndroid向けの限定課金およびファイル削除テストであり、テスト終了後は本テストのゲームデータは削除されます。 2. 「オープニングテスト」または「エントリーテスト」に参加したことがありますか? 今回の「ブレイクテスト」に参加する資格はありますか? 「オープニングテスト」または「エントリーテスト」に参加したことがある方は、下記のQRコードを読み取って「クローズドベータにご参加いただいた方へ」へお進みください。

See all articles

JS に関する基本的な質問

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック