検索
ホームページウェブフロントエンドフロントエンドQ&AJavaScript はフレームワークですか、それともライブラリですか?

Javascript はフレームワークやライブラリではなく、スクリプト言語です。 js と呼ばれる JavaScript は、関数優先度を備えた、軽量でインタープリタ型またはジャストインタイムでコンパイルされるスクリプト言語です。クライアントで広く使用されているプログラミング言語です。Web ページにさまざまな動的関数を追加するためによく使用されます。 . ユーザーに、よりスムーズで美しいブラウジング効果を提供し、JavaScript フレームワーク (ライブラリ) とは、JavaScript 言語に基づくプログラミング フレームワーク (ライブラリ) を指します。

JavaScript はフレームワークですか、それともライブラリですか?

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

JavaScript はフレームワークやライブラリではなく、スクリプト言語です。

JavaScript 言語の紹介

JavaScript (略して「JS」) は、関数優先度を備えた軽量のインタープリタ型言語です。ジャストインタイムでコンパイルされたスクリプト言語。 Web ページを開発するためのスクリプト言語として有名ですが、ブラウザ以外の多くの環境でも使用されています。JavaScript は、マルチパラダイムの動的スクリプト言語であるプロトタイプ プログラミングに基づいており、オブジェクト指向、命令型、宣言型、および関数型プログラミングのパラダイム。

JavaScript は、動的に型付けされた弱い型付けのプロトタイプベースの言語です。そのインタプリタは JavaScript エンジンと呼ばれ、ブラウザの一部であり、クライアント側のスクリプト言語で広く使用されています。HTML Web ページに動的な関数を追加するために HTML Web ページで最初に使用されました。

JavaScript は、Web アプリケーション開発で広く使用されているネットワーク スクリプト言語です。Web ページにさまざまな動的機能を追加して、ユーザーによりスムーズで美しいブラウジング効果を提供するためによく使用されます。通常、JavaScript スクリプトは HTML に埋め込むことでその機能を実現します。

JavaScript は、プリコンパイルを必要とせず、さまざまなオペレーティング システムで実行できる、クロスプラットフォームで解釈される言語です。

JavaScript スクリプト言語はオペレーティング システムに依存せず、ブラウザーのサポートのみが必要です。したがって、JavaScript スクリプトは、マシン上のブラウザが JavaScript スクリプト言語をサポートしていれば、作成後に任意のマシンで使用できます。JavaScript はほとんどのブラウザでサポートされているため、さまざまなプラットフォーム (Windows、 Linux、Mac、Android、iOS など)。

簡単に言うと、JavaScript はブラウザ自体に依存しており、動作環境には関係なく、ブラウザが実行できるコンピュータであり、ブラウザが JavaScript をサポートしていれば正しく実行されます。ただし、ブラウザーや同じブラウザーのバージョンが異なると、JavaScript のサポート方法 (ブラウザーの互換性) が異なります。

PHP や ASP などのサーバー側スクリプト言語とは異なり、JavaScript は主にユーザーのブラウザ上で実行されるクライアント側スクリプト言語として使用され、サーバーのサポートを必要としません。そのため、初期のプログラマはサーバーの負担を軽減するために JavaScript を好んで使用しましたが、同時にセキュリティという別の問題も引き起こしました。

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

  • Web アプリケーション開発: 私たちが日常生活で閲覧する Web ページは、次のもので構成されています。 HTMLはCSSとJavaScriptで構成されており、JavaScriptを通じてWebページ内の要素のスタイルをリアルタイムに更新したり、ユーザーとWebページとのインタラクション(ユーザーがマウスをクリックしたかどうかの監視など)を実現したりできます。または特定のボタンを押すなど)、クールなアニメーションを追加することもできます。

  • モバイル アプリケーション開発: Web アプリケーション開発に加えて、JavaScript を使用してアプリケーションを開発することもできます。携帯電話やタブレット、また優れたフレームワーク (React Native など) を利用して開発を容易にすることもできます。

  • Web ゲーム: Web 上でプレイした小さなゲームすべて JavaScript を使用して実装できます。

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

#JavaScript フレームワーク

JavaScript フレームワークとは、JavaScript 言語に基づくプログラミング フレームワークを指します。

JavaScript フレームワークは現在、独自の Web アプリケーションやモバイル アプリケーションに統合されています。

ソフトウェアの開発の方向性はクライアントに向かってシフトしています。バックエンド API とリッチ フロントエンド クライアントの構築は大きなトレンドであり、そのほとんどは JavaScript フレームワークで記述されています。これは開発者が使用しているトリックのようです。フロントエンドインターフェースの開発時にAPIを使用すると、APIに詳しくなり、作業内容が明確に理解できるようになります。このテクノロジーをクライアントの作成に適用すると、一流の iPhone または Android アプリケーションを非常に簡単に作成できます。

JavaScript フレームワークが登場する前は、開発者はページ上で jQuery 操作のみを実行できました。このアプローチは、コーディング操作に関して開発者に混乱を引き起こしやすく、管理が容易ではありません。 Backbone は最初のフロントランナーであり、Angular や Ember などの開発者に優しいフレームワークと並んで基本的な構造と組織を提供しました。現在では多くのプロジェクトに採用されています。私たちは開発者の職業的背景を見落としがちですが、そのため開発者は、非常に直感的で、JavaScript フレームワークを理解しやすくする人気のフレームワークを発見する可能性があります。

JavaScript フレームワークの目的:

  • Web サイトの構築

  • アプリケーション フロントエンド開発

  • #アプリケーション バックエンド開発

  • ##アプリケーション ハイブリッド開発

  • ##E コマース アプリケーション
  • Node.js などのモジュール式スクリプトを構築する
  • DOM を手動で更新する
  • テンプレートと双方向を使用して自動的に実行するバインディング 反復的なタスクの実行
  • ビデオ ゲームの開発
  • 画像カルーセルの作成
  • コードのテストとデバッグ
  • モジュールの組み合わせ
一般的な JavaScript フレームワーク (ライブラリ) には次のものが含まれます:

1.フロントエンド UI フレームワーク

1. Twitter から派生した Bootstrap フレームワークは、現在最も人気のあるフロントエンド フレームワークです。シンプルかつ直感的なフロントエンド開発が特徴です。

2. EasyUI フレームワーク. EasyUI は、jQuery、Angular、Vue、および React に基づくユーザー インターフェイス プラグインのコレクションです。 easyui を使用すると、多くのコードを記述する必要がなく、簡単な HTML タグをいくつか記述するだけでユーザー インターフェイスを定義できます。 ######...######二。フロントエンド フレームワーク

1、Node.js フレームワーク。 Node.js は、Google の V8 エンジンをベースにしたイベント駆動型 I/O サーバーサイド JavaScript 環境であり、V8 エンジンは JavaScript を非常に高速に実行し、非常に優れたパフォーマンスを発揮します。

2. Vue.js フレームワーク。 Vue.js は現在非常に人気のある JavaScript MVVM ライブラリであり、データ駆動型およびコンポーネントベースのアイデアに基づいて構築されています。 Angular.js と比較して、Vue.js はよりシンプルで理解しやすい API を提供します。

3. React フレームワーク。 React は Facebook の内部プロジェクトから生まれ、Instagram Web サイトの構築に使用され、ユーザー インターフェイスの構築に使用される JAVASCRIPT ライブラリです。

4. Angular.Js フレームワーク。 angular.Js フレームワークは、多くの Google 製品で使用されている優れたフロントエンド JS フレームワークです。 AngularJS には多くの機能があり、その最も核となる機能は、MVC (モデル – ビュー – コントローラー)、モジュール化、自動双方向データ バインディング、およびセマンティック タグです。

5. Gatsby

Gatsby は、React を使用してパフォーマンスの良い Web サイトやアプリケーションを開発するのに役立ちます。これは、オープンソースの無料のフロントエンド JS フレームワークです。

....

知識を広げましょう:

いくつかの便利な JavaScript ツール

SlickSlick は、カルーセルのニーズに応える便利な JS ツールです。そのコンテナは応答性が高く、スケーラブルです。その機能には、CSS3 サポート、スライド、マウス ドラッグ、完全なアクセシビリティ、無限ループ、自動再生、遅延読み込みなどが含まれます。

  • Babel

    Babel は、新しい JS 機能を古い JS 標準を実行するように変換するために使用できる無料のオープンソース JS コンパイラーです。このプラグインは、古いバージョンではサポートされていない構文変換にも使用されます。一部の JS 環境で不足している機能をサポートするポリフィルを提供します。

  • iziModal

    iziModal は、jQuery で使用するエレガントで軽量、柔軟で応答性の高いモーダル プラグインです。ポップアップを使用すると、ユーザーに特定の情報を通知したり、情報を要求したりするのに便利です。使いやすく、多くのカスタマイズが可能です。

  • ESLint

    ESLint を使用すると、JS コード内のエラーを簡単に見つけて修正できます。コードを統計的に分析して、構文エラーやコマンド ライン スタイルの問題などをすばやく検出し、自動的に修正します。

  • Shave

    Shave は依存関係のない JS プラグインで、要素内に正確に収まるように最大高さを設定することで、HTML 要素内のテキストを切り詰めることができます。 。また、追加のオリジナル テキスト を隠蔽要素に保存して、失われないようにします。

  • Webpack

    Webpack は、最新のアプリケーション用の JS モジュールをバンドルするためのツールです。コードを作成し、それを使用して、コードをクリーンな状態に保ちながら、賢明にアセットをバンドルすることができます。

  • [関連する推奨事項:

    JavaScript ビデオ チュートリアル

    プログラミング ビデオ
  • ]

以上がJavaScript はフレームワークですか、それともライブラリですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
ReactのSEOに優しい性質:検索エンジンの可視性の向上ReactのSEOに優しい性質:検索エンジンの可視性の向上Apr 26, 2025 am 12:27 AM

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

Reactのパフォーマンスボトルネック:遅いコンポーネントの識別と最適化Reactのパフォーマンスボトルネック:遅いコンポーネントの識別と最適化Apr 26, 2025 am 12:25 AM

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

Reactの代替品:他のJavaScriptUIライブラリとフレームワークの探索Reactの代替品:他のJavaScriptUIライブラリとフレームワークの探索Apr 26, 2025 am 12:24 AM

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

Keys and Reactの調整アルゴリズム:パフォーマンスの向上Keys and Reactの調整アルゴリズム:パフォーマンスの向上Apr 26, 2025 am 12:21 AM

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

Reactプロジェクトに必要なボイラープレートコード:セットアップオーバーヘッドの削減Reactプロジェクトに必要なボイラープレートコード:セットアップオーバーヘッドの削減Apr 26, 2025 am 12:19 AM

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

USESTATEの理解():React React Neact State Managementの包括的なガイドUSESTATEの理解():React React Neact State Managementの包括的なガイドApr 25, 2025 am 12:21 AM

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

Reactを使用することの利点は何ですか?Reactを使用することの利点は何ですか?Apr 25, 2025 am 12:16 AM

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

Reactでのデバッグ:一般的な問題の特定と解決Reactでのデバッグ:一般的な問題の特定と解決Apr 25, 2025 am 12:09 AM

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

See all articles

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

PhpStorm Mac バージョン

PhpStorm Mac バージョン

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

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール