ホームページ ウェブフロントエンド フロントエンドQ&A JavaScript は主に何を解決するために使用されますか?

JavaScript は主に何を解決するために使用されますか?

Feb 24, 2022 pm 04:54 PM
javascript

JavaScript は主に、サーバーサイド言語によって残された速度の問題を解決し、顧客によりスムーズなブラウジング効果を提供することを目的としています。当時、サーバーはデータを検証する必要がありましたが、ネットワーク速度が非常に遅かったため、検証手順に時間がかかりすぎたため、Netscape はデータ検証の基本機能を提供する Javascript を開発しました。

JavaScript は主に何を解決するために使用されますか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

Javascript は、プロトタイプを継承し、オブジェクト指向で、動的に型指定され、大文字と小文字を区別する、Netscape の LiveScript から開発されたクライアント側スクリプト言語です。主な目的は、速度の問題を解決することです。 Perl などのサーバーサイド言語によって残された問題を解決し、よりスムーズなブラウジング効果を顧客に提供します。

当時、サーバーはデータを検証する必要がありましたが、ネットワーク速度が 28.8kbps と非常に遅かったため、検証手順に時間がかかりすぎました。そこで Netscape のブラウザ Navigator には Javascript が追加され、データ検証の基本機能が提供されました。

JavaScript誕生の背景

1990年代、欧米諸国ではWebプログラムが普及してきましたが、当時は電話によるダイヤルアップ インターネット アクセス (モデム経由) では、インターネット速度はわずか 28kb/s でした。 Web プログラムの表示はますますリッチになっています。 JavaScript が登場する前の時代、フォームの検証やその他の操作はサーバー側で実行されていました。

たとえば、ユーザーは登録ページに入り、ユーザー名、パスワード、個人情報を入力し、クリックして登録します。これは大変なことです。 。 。

情報を送信してネットワーク送信を開始します。10 秒以上待った後、サーバーはブラウザクライアントから送信された情報を受信し、処理を開始し、処理された情報をクライアントのブラウザに返します。ユーザーは突然発見します。ユーザー名を入力するように求められます。大文字で始めるには、変更して「登録」をクリックします。 。 。

次に、前の手順を繰り返します。最後に、パスワードが短すぎて安全性が不十分であることを示すメッセージが表示されます。単純な登録ページだけでは、フォームの検証に時間がかかり、帯域幅が無駄になる可能性があります。これはユーザーにとって耐え難いことです。

この状況において、社会はそのような問題を解決するためのクライアント言語を緊急に必要としています。当時テクノロジーの最前線にあった Netscape は、クライアント側スクリプト言語の開発を開始しました。

1995 Netscape で働いていた Brandon Aitch は、Netscape Browser 2.0 で LiveScript と呼ばれるスクリプト言語を開発しました。Java に対するメディアの熱意に追いつくために、その名前は JavaScript に変更されました。そこからJavaScriptが誕生しました。

JavaScript の標準化

人々は有名になることを恐れ、豚は強いことを恐れています。JavaScript が発表されると、世界中で広く注目を集めました。 JavaScript 言語のさまざまなバージョンが次々と登場しましたが、当時人気があったのは、Netscape Navigator 3.0 の JavaScript、IE の JScript、CEnvi の ScriptEase でした。プログラマにとって、ユーザーフレンドリーな Web プログラムを開発したい場合、互換性は大きな負担となることがあります。結局のところ、一部のユーザーは異なるブラウザを使用し、異なるスクリプト言語を埋め込んでいます。 JavaScript の標準化が注目されています。

1997 年、サン、マイクロソフトなどの科学者とプログラマーが会議に集まり、ECMAScript を標準化するための ECMA-262 標準を策定しました。それ以来、主要なブラウザ メーカーは ECMAScript を JavaScript の基礎として使用しました。実装。

JavaScript の構成

JavaScript は、ECMAScript、BOM、DOM の 3 つの部分で構成されます。ECMAScript は JavaScript の中核であり、JavaScript 変数を指定します。 . 、タイプ、キーワード、関数、その他の基本的な言語。 DOM は HTML や XML 要素を操作するためのインターフェースである文書操作オブジェクト、BOM はブラウザ ウィンドウにアクセスして操作できるブラウザ オブジェクトです。

ECMA262 標準は、DOM の ECMAScriptd 標準のみを定義します。 BOM には標準はありません。BOM と DOM はホスト オブジェクトに属します。

いわゆるホストとは、今見ているブラウザなどの JavaScript の実行環境です。ブラウザーが異なると、ホスト オブジェクトに対するビューが若干異なるため、フロントエンド開発者が直面する最も厄介な互換性の問題は、主に BOM と DOM によって引き起こされます。

#JS でできること

JavaScript は、次のような Web 開発のさまざまな分野で使用できます。

#Web アプリケーション開発: 私たちが日常生活で閲覧する Web ページは HTML、CSS、JavaScript で構成されており、JavaScript を介して Web ページ内の要素のスタイルをリアルタイムに更新したり、人と人との対話を実現したりできます。 Web ページを実現することもできます (ユーザーの監視、マウスがクリックされたかキーが押されたかなど)、Web ページにクールなアニメーションを追加することもできます。アプリケーション開発: Web アプリケーション開発に加えて、JavaScript は携帯電話やタブレットでのアプリケーション開発にも使用できます。また、いくつかの優れたフレームワーク (React Native など) を使用して開発を容易にすることもできます。

  • ##Web ゲーム: Web 上でプレイした小規模なゲームはすべて JavaScript を使用して実装できます;

  • バックエンド Web アプリケーション開発: 以前は、Web アプリケーションのフロントエンド部分の開発には JavaScript を使用していましたが、Node.JS (JavaScript 実行環境) の登場により、JavaScript Web アプリケーションのバックエンド部分の開発にも使用できます。

[関連する推奨事項: JavaScript ビデオ チュートリアル]

以上がJavaScript は主に何を解決するために使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

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

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

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

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

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

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

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

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 Dec 17, 2023 am 08:41 AM

JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワーク プロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラ デバイスがあるとします。

See all articles