JavaScript の理解と使用法-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript の理解と使用法

零下一度

Jun 26, 2017 am 11:25 AM

javascriptjs深く行く理解する

(1) JavaScript とは何ですか?

JavaScript は、Web ページと対話するために設計されたスクリプト言語であり、次の 3 つの部分で構成されます: (1) ECMAScript: コア言語機能を提供します。 (2). ドキュメントオブジェクトモデル (DOM): Web コンテンツにアクセスして操作するためのメソッドとインターフェイスを提供します (3) ブラウザオブジェクトモデル (BOM): ブラウザーと対話するためのメソッドとインターフェイスを提供します

(2)実行

(最新ブラウザの原則)

著者: Qian Duoduo
リンク:
出典: Zhihu
著作権は著者に属します。商業的転載の場合は、著者に連絡して許可を得てください。非商業的転載の場合は、出典を明記してください。

1. HTMLのダウンロードと実行は同期していますか?

結論: 状況によって異なります。

HTML の実行に関するこの説明は不正確です。いわゆる実行には、HTML の解析、レイアウト、ペイントの段階が含まれます。ダウンロード、parseHTML/parseCSS/executeJS、レイアウト、ペイントはすべて別のプロセスにあります。

parseHTML/parseCSS は並行して完了すると、レイアウトによってレンダリングツリーが生成され、ペイントがレンダリングされます。 JSを実行するとレイアウト段階に戻ります。

A. ネットワーク速度が十分に速く、コンテンツがすぐに送信される場合は、parse+layout+paint が後で実行されます。

B. ネットワークが弱く、ネットワーク速度が非常に遅い場合、最新のブラウザは最適化されており、受信したコンテンツを事前にレンダリングしようとするため、PC 上でページがブロックごとに表示されます。

C.chunk の原理も同様で、各チャンクブレークポイントが解析とレンダリングをトリガーする可能性があります。

D. 一部のブラウザでは、ダウンロードプロセス中に、コンテンツが最初の画面を超えると計算された場合、コンテンツが描画されます。最初の画面のコンテンツが先にあります。

ほとんどのプロセスは並列しているため、比較的複雑です。ケースバイケースで説明することは意味がありません。原則として理解することをお勧めします。

2. CSS ファイルのダウンロードとレンダリングは同期しますか? それとも、最初にダウンロードしてからレンダリングする必要がありますか?

ダウンロードプロセス中に parseCss の字句解析が同時に行われるかどうかはわかりませんが、結局のところ、その可能性は非常に高いです。、それはロスレスです。最適化計画ですが、最終的には、それをダウンロードしてレイアウトし、レンダリングツリーを生成してからレンダリングする必要があります。

3. CSSファイルのダウンロードと実行とHTMLファイルのダウンロードと実行は同期していますか?

並行して。ただし、いくつかの制限に注意する必要があります。たとえば、ドメイン名での同時リクエストの最大数は 6 です。それ以上のリクエストはシリアル化する必要があります。

4. グラフィックの読み込みは HTML ファイルのダウンロード/実行と同期していますか? オーディオやビデオ、その他のリソースはどうですか?

上記と同じです。

5. js ファイルのダウンロードと実行、および html ファイルのダウンロードと実行は同期ですか?

ダウンロードは可能ですが、JS

は実行できませんか? /pictures が表示されますか? /css ファイル/js ファイルも同時にダウンロードされますか?

正常です。

7. html/css ファイル/js ファイルを同時に実行することは可能ですか?

上記の記事を読むと理解できます: html 解析と css 解析は並列であり、レイアウトは両方の後に行われます。ペイントが完了すると、新しい CSS の実装がレイアウトとペイントに遅れます。 js 解析は html 解析をブロックするため、後続のレイアウトとペイントは同時に実行されません。 html3.1＆lt＆gt;選択する。外部スクリプトに対してのみ有効です。つまり、スクリプトはすぐにダウンロードされますが、ページ上の他の操作は妨げられません。

2. charset: 文字エンコーディング属性、オプション。デフォルトは UTF-8 エンコーディングで、主に src 属性で指定された

コードの文字セットを表します。そのため、これを使用する必要はありません。

3.defer: スクリプト遅延属性、オプション。 HTML ドキュメント全体が解析されて表示されるまで、スクリプトの実行時間を遅らせるために使用されます。これは、外部スクリプトファイルに対してのみ有効です。 4.言語: スクリプトタイプ属性。標準の一部ではなく、非推奨です。ほとんどのブラウザ

はこの属性を無視するため、使用する必要はありません。

5.src: 外部ファイル属性をリンクします (オプション)。実行されるコードを含む外部ファイルを表します。注意:

src 属性を設定すると、script 要素に記述された JavaScript コードが無効になる可能性があります。

6. type: スクリプトタイプ属性、必須。デフォルト値は text/javascript で、コードの記述に使用されるコンテンツタイプ (MIME タイプとも呼ばれる) を示す、 language

の代替属性とみなすことができます。

注: コード内のどこにもを使用しないでください

3.2 ラベルの位置

: 一般的な規則は次のとおりです。

の (2) : に配置すると、ブラウザはページのコンテンツをレンダリングする前に js プログラムをダウンロードして解析する必要があるため、一定の遅延が発生します (したがって、Web プログラムは js コードをに入れます

3.3 遅延スクリプト

defer タグ: 遅延を追加しますページ全体がダウンロードされ解析されるまで、js プログラムは実行を開始しません

注: noscript 要素の

nbsp;html>


    <meta>
    <title></title>


<noscript>
    <p>本浏览器不支持script</p>
</noscript>


触发条件：1.浏览器不支持脚本
　　　　　　2.浏览器支持脚本，但是脚本被禁用

以上がJavaScript の理解と使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する（バックエンド統合）Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション（EDTECHアプリ）を作成しましたが、あなたは同じことをすることができます。まず、マルチテナントSaaSアプリケーションとは何ですか？マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法（フロントエンド統合）Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript：Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1）フロントエンド開発：DOM操作と最新のフレームワーク（React、Vue.JS、Angularなど）を通じて、動的なWebページとシングルページアプリケーションを構築します。 2）サーバー側の開発：node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3）モバイルおよびデスクトップアプリケーション開発：クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化：現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

javascriptの分解：それが何をするのか、なぜそれが重要なのかApr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1）イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2）動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3）非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

pythonまたはjavascriptの方がいいですか？Apr 06, 2025 am 12:14 AM

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptをインストールするにはどうすればよいですか？Apr 05, 2025 am 12:16 AM

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1）ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2）node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。

クォーツでタスクが開始される前に通知を送信する方法は？Apr 04, 2025 pm 09:24 PM

Quartzタイマーを使用してタスクをスケジュールする場合、Quartzでタスク通知を事前に送信する方法、タスクの実行時間はCron式によって設定されます。今...

See all articles

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

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

ホットツール

SecLists

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

Dreamweaver Mac版

ビジュアル Web 開発ツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。