JavaScriptとはどのようなフレームワークですか?-フロントエンドQ&A-php.cn

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

JavaScriptとはどのようなフレームワークですか?

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

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

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

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

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

Web アプリケーション開発: 日常生活で閲覧する Web ページHTML、CSS、JavaScriptで構成されており、JavaScriptを通じてWebページ内の要素のスタイルをリアルタイムに更新したり、人とWebページのインタラクション（ユーザーがクリックしたかどうかの監視など）を実現したりできます。マウスや特定のボタンを押すなど）、Web ページにクールなアニメーションを追加することもできます;
モバイルアプリケーション開発: Web アプリケーション開発に加えて、JavaScript も使用できます。携帯電話やタブレットでアプリケーションを開発するために使用され、開発を容易にするためにいくつかの優れたフレームワーク (React Native など) を使用することもできます;
Web ゲーム: 私たちがプレイした小さなゲーム実装;
バックエンド Web アプリケーション開発: 以前は JavaScript を使用して Web アプリケーションのフロントエンド部分を開発していましたが、 Node.JS (JavaScript 実行環境) の登場により、JavaScript を Web アプリケーションのバックエンド部分の開発にも使用できるようになりました。

#拡張知識: JavaScript フレームワーク

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

JavaScript フレームワークは、開発者コードが既製のコードを迅速に活用して独自の要件を満たすことを可能にするアプリケーションフレームワークです。

Web アプリケーション開発は家を建てることに似ています。建築資材を使用してすべてを最初から作成するオプションがあります。しかし、これでは時間が無駄になり、コストが高くなる可能性があります。

ただし、すぐに入手できる材料 (レンガなど) を使用し、建物の構造に応じて組み立てれば、建設が早くなり、お金と時間を節約できます。

アプリケーション開発も同様に機能します。すべてのコードを最初から作成する代わりに、アプリケーションアーキテクチャに基づいて事前に作成されたコードを構成要素として使用できます。フレームを使用すると、Web サイトのデザインがより迅速に適応され、JavaScript での使用が容易になります。

#JavaScript フレームワークの使用:

##DOM を手動で更新する
##テンプレートと双方向バインディングを使用して反復的なタスクを自動化する
ビデオゲームの開発
画像カルーセルの作成
1. AngularJS

MVC および MVVM クライアントアーキテクチャのフレームワークを使用して、Web アプリケーションの開発とテストを簡素化するために作成されました。

2. ブートストラップ

フロントエンド開発用の最も人気のあるオープンソースツールキットの 1 つであるブートストラップを使用して、モバイル対応 Web サイトをすばやく設計します。

2011 年にリリースされたこのツールは、開発者に顧客のニーズに応じてさまざまな要素をカスタマイズするための優れた柔軟性を提供します。

3. Aurelia

2016 年にリリースされた Aurelia は、応答性の高いモバイル、デスクトップ、ブラウザーアプリケーションを構築するための、シンプルかつ強力なオープンソースフロントエンド JS フレームワークです。

これは、Web 仕様を構成ではなく慣例と一致させることに重点を置くことを目的としており、フレームワークへの侵入を少なくします。

4. Vue.js

Vue.js は、Google 勤務中の 2014 年に Evan You によって作成されました。これは、ユーザーインターフェイスを構築するための進歩的な JavaScript フレームワークです。

Vue.js はコアから開始して徐々に採用することができ、さまざまなユースケースに応じてフレームワークとライブラリ間で簡単に拡張できます。

5. Ember.js

オープンソース JS フレームワーク Ember.js は、さまざまなデバイスで使用できる豊富な UI を備えた Web アプリケーションを効果的に構築するために厳密にテストされています。

これは 2011 年にリリースされ、当時は SproutCore 2.0 という名前でした。

6. Node.js

Node.js は、Chrome の JS V8 エンジン (2009 年に作成) 上に構築されたサーバーサイドのオープンソース JavaScript フレームワークです。ブラウザ外でJSコードを実行するランタイム環境です。

Node.js は、スケーラブルで高速かつ信頼性の高い Web ベースのサーバー側アプリケーションの開発を支援するように設計されています。

7. Backbone.js

軽量 JS フレームワーク Backbone.js は 2010 年に作成され、Model View Presenter (MVP) アーキテクチャに基づいています。

クライアント側の Web アプリケーションの構築に役立つ RESTful JSON インターフェイスが備わっています。カスタムイベントとキーと値のバインディングのモデル、効率的な API を備えたコレクション、宣言型イベント処理を使用したビューを使用して Web アプリケーションを構築します。

8. Next.js

Next.js のオープンソースプラットフォームは、React フロントエンド Web 開発フレームワークを提供します。 2016 年にリリースされ、静的 Web サイトの作成やサーバー側レンダリングなどの機能を有効にすることができます。

9、モカ

すべてのアプリケーションは、展開する前にテストする必要があります。これが Mocha または Mocha.js の機能です。

これは、Node.js およびブラウザー上で実行される、機能が豊富なオープンソースの JS テストフレームワークです。

10. Ionic

2013 年にリリースされた Ionic は、高品質のハイブリッドモバイルアプリケーションを構築するためのオープンソース JavaScript フレームワークです。最新バージョンでは、Vue.js、React、Angular などの UI フレームワークを選択できます。 CSS、Sass、HTML5 を使用してアプリケーションを構築します。

11. Webix

Webix の使いやすいフレームワークは、よりシンプルなコードを使用してリッチな UI を開発するのに役立ちます。 DataTable、Tree、Spreadsheet などの 102 個のユーザーインターフェイスウィジェットと、機能豊富な HTML5/CSS JS コントロールを提供します。

12. Gatsby

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

13. Meteor.js

Meteor は、2012 年にリリースされたオープンソースの JS フレームワークです。これにより、モバイル、デスクトップ、Web 用のフルスタックアプリケーションをシームレスに構築できます。

14. MithrilJS

このリストの他のプロジェクトほど人気はありませんが、Mithril はクライアント側アプリケーションを開発するための高度なクライアント側 JS フレームワークです。軽量 (gzip 10kb 未満) でありながら高速で、XHR およびルーティングユーティリティを提供します。

15. ExpressJS

Express.js は、Web アプリケーション開発用のバックエンド JS フレームワークです。これは、2010 年に MIT Aroma の下で無料のオープンソースソフトウェアとしてリリースされました。

これは、さまざまな便利な機能を備えた、高速で最小限の Node.js Web フレームワークです。

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

#Slick

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

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

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

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

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

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