Javascript は主に 3 つの部分で構成されます: 1. ECMAScript (言語の基本構文とデータ型を記述する)、2. ドキュメント オブジェクト モデル (DOM)、HTML および XML のアプリケーション プログラミング インターフェイス、2. ドキュメント オブジェクト モデル (DOM)、HTML および XML のアプリケーション プログラミング インターフェイス。 3. ブラウジング ブラウザ オブジェクト モデル (BOM)。ブラウザ ウィンドウにアクセスして操作します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript と ECMAScript は同じ意味を表現するためによく使用されますが、JavaScript には ECMA-262 で規定されているものよりもはるかに多くの意味があります。完全な JavaScript 実装は、次の 3 つの部分で構成されます。
コア (ECMAScript)
ドキュメント オブジェクト モデル (DOM)
ブラウザ オブジェクト モデル (BOM)
1. ECMAScript:
JavaScript の中核で、Basic 言語を記述します。 ECMAScript は、構文 (var、for、if、配列など) とデータ型 (数値、文字列、ブール値、関数、オブジェクト (obj、[]、{}、null)、未定義) を定義する一連の標準です。言語 (JS など) は次のようになります。
2. ドキュメント オブジェクト モデル (DOM):
DOM (ドキュメント オブジェクト モデル) は、HTML と XML のアプリケーション プログラミング インターフェイス (API) です。 DOM は、ページ全体をノード階層で構成されるドキュメントにレイアウトします。 HTML または XML ページの各部分はノードの派生です。
DOM はツリーを作成することでドキュメントを表現し、開発者がドキュメントのコンテンツと構造を前例のない制御できるようにします。ノードは、DOM API (getElementById、childNodes、appendChild、innerHTML) を使用して簡単に削除、追加、置換できます。
DOM レベル
-
DOM1
DOM コア XML ベースの文書構造をマッピングする方法
DOM html HTML 用に追加されたオブジェクトとメソッド
-
DOM2
は、マウスとユーザー インターフェイスのイベント、範囲、トラバーサル、およびその他のサブディビジョン モジュールを拡張し、オブジェクト インターフェイスを介して CSS のサポートを追加します。
詳細は次のとおりです。
DOM ビュー: さまざまなドキュメント ビューを追跡するためのインターフェイスを定義します。
DOM イベント:イベントとイベント処理インターフェイスを定義します。
DOM スタイル: css
DOM トラバーサルとスコープに基づいて要素スタイルを操作するためのインターフェイスを定義します。定義 ドキュメント ツリーを移動および操作するためのインターフェイスが追加されました b. ドキュメントを検証するための新しいメソッドが追加されました
-
DOM3
統合された方法での読み込みと保存の導入 ドキュメント メソッド
3. ブラウザ オブジェクト モデル (BOM):
ブラウザ オブジェクト モデル (BOM)ブラウザウィンドウにアクセスして操作します。
関数
ブラウザのウィンドウとフレームの処理
ブラウザ操作用の JS 拡張機能
特定の機能
新しいブラウザ ウィンドウをポップアップする機能
ブラウザ ウィンドウの移動、ズーム、および閉じる機能
ブラウザに関する詳細情報を提供するナビゲータ オブジェクト
-
ブラウザによってロードされたページに関する詳細情報を提供するロケーション オブジェクト
ユーザーのモニター解像度に関する詳細情報を提供する画面オブジェクト
Cookie のサポート
XMLHttpRequest - - ActiveXObject
例: 新しいブラウザ ウィンドウをポップアップし、ブラウザ ウィンドウを移動、変更して閉じ、詳細な Web ブラウザ情報 (ナビゲータ オブジェクト)、詳細なページ情報 (場所オブジェクト) を提供します。 、詳細なユーザー画面解像度情報 (画面オブジェクト)、Cookie のサポートなど。
JavaScript の一部として、BOM は関連する標準のサポートを持っていません。各ブラウザには独自の実装があります。非事実上の標準はいくつかありますが、依然として開発者に一定の問題をもたらします。
[関連する推奨事項: JavaScript 学習チュートリアル]
以上がJavaScript の主要な部分は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

はい、Reactapplicationscanbeseo-frendlywithpropertrategies.1)useServer-siderendering(ssr)withtoolslikenext.jstogeneratefullhtmlforindexing.2)explmentStaticSiteSite-generation(SSG)forcontent-heavysitestoprededopRederpageattiTiTeTietLe.3)

反応性能のボトルネックは、主に非効率的なレンダリング、不必要な再レンダリング、コンポーネントの内部重量の計算によって引き起こされます。 1)ReactDevtoolsを使用して遅いコンポーネントを見つけ、React.Memoの最適化を適用します。 2)EFFECTを最適化して、必要に応じて実行することを確認します。 3)メモリ処理には、usememoとusecallbackを使用します。 4)大きなコンポーネントを小さなコンポーネントに分割します。 5)ビッグデータリストについては、仮想スクロールテクノロジーを使用してレンダリングを最適化します。これらの方法により、Reactアプリケーションのパフォーマンスを大幅に改善できます。

パフォーマンスの問題、学習曲線、またはさまざまなUI開発方法の探索のために、誰かが反応する代替品を探すことができます。 1)Vue.JSは、統合の容易さと軽度の学習曲線で称賛され、小規模および大規模なアプリケーションに適しています。 2)AngularはGoogleによって開発されており、強力なタイプのシステムと依存噴射を備えた大規模なアプリケーションに適しています。 3)Svelteは、ビルド時に効率的なJavaScriptにコンパイルすることにより、優れたパフォーマンスとシンプルさを提供しますが、そのエコシステムはまだ成長しています。代替案を選択するときは、プロジェクトのニーズ、チームエクスペリエンス、プロジェクトの規模に基づいて決定する必要があります。

KeysinReactarespecialattributedignedInedInementionArrays forStableIdentity、重要なもの、curtialforthereconciliationalgorithmはfichupdatedoMedifficly.1)keyshelpreprackChanges、追加、OrRemovalsinlists.2)

toreduceSetUpOverHeadinReactProjects、usetoolslikecreatereActapp(cra)、next.js、gatsby、orstarterkits、およびmaintainAmodularStructur E.1)crasimplifiessetupwithasinglecommand.2)next.jsandgatsbyoffermorefeaturesbutalearningcurve.3)starterkitsprovidecomprehensi

usestate()isareacthookusedtomeStateinfunctionalComponents.1)itInitializeSandUpDatestate、2)colledatttheToplevelofComponents、3)canleadto'stalestate'ifnotusedly、and4)cancancancancancanbeoptimizeduptimizeduptimizedususecall -calleSuperesteSteSteSteSteSteSteSteSteStateSupteStateSuptateSuptatedates

ReactisPopularduetoitsComponent Architecture、Virtualdom、Richecosystem、およびdeclarativenature.1)コンポーネントベースのarchitectureallowsforReusable anduipieces、改善様式および測定可能性。

debugReactapplicationivivivity、EtheseStrategies:1)AddressPropdrillingWithContextapiorredux.2)HandLeasynchronousoperations withuthutateanduseeffect、Abortcontrollertopreventraceconditions.3)最適化合物を使用して、最適化合物を使用してください


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ホットトピック









