JavaScriptベースのフレームワーク(ライブラリ)のアプリケーション

jQueryフレームワーク

  • jQueryはCSSセレクターを使用して、Webページ上のHTML要素(DOMオブジェクト)にアクセスして操作します
  • jQueryはユーザーインターフェイスとプラグインの両方を提供します
  • 主なjQuery関数は次のとおりです:$()

JSでjQueryライブラリを使用する

<!DOCTYPE html>
<html>
<head>
<script
src="//libs.baidu.com/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

プロトタイプフレームワーク

  • 一般的なWebタスクを実行するためのシンプルなAPI
  • HTML DOMを操作するための属性とメソッドを含むライブラリ
  • プロトタイプは、HTML DOMプログラミングを容易にする関数を提供します
  • 主なプロトタイプ関数:$()
  • $()関数は、HTML DOM要素のid値(またはDOM要素)を受け入れ、DOMオブジェクトに新しい機能を追加します

JSでプロトタイプライブラリを使用する

<!DOCTYPE html>
<html>
<script
src="//apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

CDNコンテンツ配信ネットワーク

CDN(コンテンツ配信ネットワーク)には、コードベースを共有できるサーバーのネットワークが含まれています。
問題を解決し
ます。Webページが可能な限り高速で、ページの容量が可能な限り小さいこと、およびブラウザができるだけ多くキャッシュすることを願っています。多くの異なるWebサイトが同じJavaScriptフレームワークを使用している場合は、フレームワークインベントリを共有するすべてのWebページの共通の場所。

89件のオリジナル記事を公開しました 賞賛されました83 再生回数3499

おすすめ

転載: blog.csdn.net/devin_xin/article/details/105270455