45 の便利な JavaScript ライブラリ

JavaScript ライブラリとは何ですか?簡単に言うと、強力な関数を自分で作成しなくても呼び出すことができる便利な関数のコレクションです。最近、一部のネチズンがどの JavaScript ライブラリが使いやすいかを知りたいとの意見を表明したため、編集者はオンラインで検索しました。それらを誰でも統合できるようにするには、次の 45 の便利な JavaScript ライブラリを参照してください。

Particles.js - Web ページ上に美しい浮遊パーティクルを作成するための JS ライブラリ;

Three.js - Web ページ上に 3D オブジェクトとスペースを作成するための JS ライブラリ;

Fullpage.js - 簡単に実装できる全画面スクロール機能ライブラリ;

Typed.js - タイプライター効果を実装します。

Highlight.js - ページ上の構文を強調表示します。

Instantclick - マウスホバー時にページリソースを事前にロードし、Web サイトの応答速度を大幅に高速化します。

Motio - スプライトベースのアニメーションおよびパンニングライブラリ。ページ切り替えアニメーション用;

Barba.js - ページ間の滑らかな遷移効果を作成します;

Vivus.js - SVG パス アニメーションを実行できる軽量の JS ライブラリ。 .js - ページのスクロール時にアニメーション効果を表示します。

Scrolline.js - ページのスクロール時にスクロールの進行状況を表示する jQuery プラグイン。

スクロール時のアニメーションを高速化するために使用します。ページがスクロールするとき 要素アニメーション用の小さなライブラリ

jInvertScroll - 軽量の jQuery 水平視差プラグイン;

Apple スタイルを実装する jQuery プラグイン単一ページのスクロール効果;

Parallax.js - スマートデバイスの方向に応答する軽量の視差エンジン;

Typeahead.js - 検索ボックスの自動補完用の JS ライブラリ; JavaScript コンポーネント;

Bounce.js - 美しい CSS3 アニメーション効果をすばやく作成します。

Multiscroll.js - 2 列の垂直方向の逆スクロールを作成する jQuery プラグインエフェクト;

Favico.js - 動的アイコンプラグイン;

Anime.js - キーボードキーの JS キーコード値を取得します。 Sortable - ドラッグ アンド ドロップによる並べ替え用の JavaScript ライブラリ

Flexdatalist -

Slideout.js - スライドアウト Web アプリ ナビゲーション メニューを実装します。

Jquerymy - リアルタイムの複雑な双方向データ バインディング jQuery プラグイン

Cleave.js - 自動フォーマット

Page - 単一ページ アプリケーションを構築するための小さなクライアント側ルーティング ライブラリ

Selectize.js - jQuery ベースの タグ入力ボックスと選択ドロップダウン ボックスを作成するための UI コントロール ;

Nice select - 美しいドロップダウン ボックスを作成するための jQuery プラグイン;

Tether - 絶対配置を使用して 2 つの相互に関連する要素を作成するための JS ライブラリ

Shepherd .js - 初心者向けガイドを作成するための JS ライブラリ;

Tooltip - ツール ヒント プラグイン;

IziToast - 軽量のクロスブラウザー応答メッセージ通知プラグイン;クールな jQuery モーダル ウィンドウ プラグイン。

上記の 45 個の JavaScript ライブラリが参考になれば幸いです。

関連する推奨事項:

JavaScript ライブラリ開発ルールの概要

ASP.NET JavaScript ライブラリの効率的な管理

JavaScript ライブラリ開発ルール_JavaScript スキル

以上が45 の便利な JavaScript ライブラリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：

javascript js 図書館

ソース：php.cn

前の記事：スライドショーを実装するための JavaScript ネイティブ コード 次の記事：JavaScript でのalert() の使用手順

このウェブサイトの声明

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

著者別の最新記事

• 最新の PHP Programmer Toolbox v1.0 バージョンの紹介
  1970-01-01 08:00:00
• vue-cliカスタムディレクティブの詳細説明 検証スライダーを追加するディレクティブ
  1970-01-01 08:00:00
• PHPでIMAPを利用したメール受信例を詳しく解説
  2023-03-19 18:36:02
• Redisの一般的な利用シナリオの共有
  2023-03-21 07:36:01
• JSの数値と文字列の変換を詳しく解説
  1970-01-01 08:00:00
• Dreamweaver Web ページに電子メール リンクを追加する共有の例
  1970-01-01 08:00:00
• Vue フィルターとその使用法の概要
  1970-01-01 08:00:00
• PHPの基礎知識メモ共有
  2023-03-20 14:32:01
• WeChatアプレットファイルAPIの詳細説明
  1970-01-01 08:00:00
• JSで実装されるajaxと同一オリジン戦略について詳しく解説
  1970-01-01 08:00:00

最新の問題

JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります

から 2024-04-06 19:25:49

0

1

505

d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...

から 2024-04-06 18:16:26

0

1

403

ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...

から 2024-04-06 15:35:24

0

1

274

Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...

から 2024-04-06 14:54:03

0

2

421

CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...

から 2024-04-06 12:53:11

0

1

376

関連トピック

詳細>

• 配列の長さを取得するjsメソッド
• js正規表現
• jsで現在のページを更新する
• jsの丸め
• jsは現在時刻を取得します
• js文字列を配列に変換
• jsはどういう意味ですか
• ノードを削除するjsメソッド

人気のおすすめ

• jsはどういう意味ですか
• jsで文字列を配列に変換するにはどうすればよいですか?
• JavaScriptを使用してページを更新する方法
• js配列内の項目を削除する方法
• sqrt関数の使い方

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1418576
• 
  PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

  4260165
• 
  JAVA 初心者向けビデオチュートリアル

  2495364
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  504721
• 
  PHP ゼロベースの入門チュートリアル

  859646

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1418576 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2495364 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  504721 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  215461 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  881858 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  6731 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  5245 回の学習
• 
  Go言語実践GraphQL

  4386 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  646 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  22332 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート