jQueryのスリムバージョンとスタンダードバージョンの違いは何ですか-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

jQueryのスリムバージョンとスタンダードバージョンの違いは何ですか

青灯夜游

Jan 18, 2023 pm 05:03 PM

javascriptjquery

スリムバージョンと標準バージョンの違い: 1. スリムバージョンは、通常バージョンに比べて Ajax や特殊効果などのモジュールが省略された簡易バージョンです。開発者が AJAX を使用しない場合、エフェクトなどの機能は使用できません。関数では、スリムバージョンの jQuery を使用することを選択できます。 2. スリム版は通常版よりサイズが小さいスリム版は通常版より約6kバイト小さく、圧縮サイズは標準版が30kbであるのに対し、スリム版は23.6kbです。

jQueryのスリムバージョンとスタンダードバージョンの違いは何ですか

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

jQuery 3.0 では、標準バージョンに加えて、正式には「Slim」と呼ばれる、スリム化バージョンともいえる新しいモデルバージョンもリリースされました。

スリム、百度翻訳: 細い; 細い、細い; 小さい; 価値がない。

jquery スリムバージョンと標準バージョンの違い

スリムバージョンには、通常のバージョンに比べて Ajax および特殊効果モジュールがありません。 AJAXやエフェクトなどの機能を使用しない場合は、標準版のサイズが30kbであるのに対し、圧縮サイズは23.6kbの「Slim」jQueryのスリム版をご利用いただけます。

译文

ajax が必要ない場合や、ajax リクエストに焦点を当てた多くのスタンドアロンライブラリの 1 つを使用したい場合があります。多くの場合、これらを組み合わせて使用する方が簡単です。すべての Web アニメーションの CSS とクラス操作を強化します。ajax モジュールとエフェクトモジュールを含む jQuery の通常バージョンに加えて、これらのモジュールを除外した「スリム」バージョンをリリースしました。jQuery のサイズが負荷パフォーマンスに影響することはほとんどありません。最近は心配されていますが、スリムビルドは通常バージョンよりも gzip 圧縮されたバイト数が約 6k 小さく、23.6k 対 30k です。 Ajax リクエストに重点を置いた独立したライブラリの 1 つを使用します。すべての Web アニメーションと同様、通常は CSS とクラス操作を組み合わせて使用する方が簡単です。 ajax モジュールとエフェクトモジュールを含む通常の jQuery バージョンに加えて、これらのモジュールを除いた「スリム」バージョンもリリースします。最近では jQuery のサイズがパフォーマンスの問題になることはほとんどありませんが、スリムバージョンは通常バージョンよりも約 6k バイト小さくなっています (23.6k 対 gzip 圧縮された 30k バイト)。

サイズスクリーンショット:

bootstrap 4、公式マニュアルで紹介されているデフォルトのスリムバージョン。

jQueryのスリムバージョンとスタンダードバージョンの違いは何ですか

#拡張知識: jQuery の 3 つのメジャーバージョンの違いの概要

##1.x、2.x、3.x主要3バージョンシリーズ間の違い

1、IEサポート比較

(1) 状況分析

1.x: ie6、ie7、ie8##をサポート

#2.x、3.x: ie6、ie7、ie8 をサポートしていません

(2) 選択の提案

ie678 との互換性が必要な場合: を選択することしかできません。 1.x

ie678 との互換性が必要ない場合は、2.x または 3.x を選択できます。 1.x のコードの大部分は古いブラウザと互換性があるため、操作負荷が増大し、操作効率に影響を与えます。

2. プラグインのサポート状況の比較

(1) 状況分析

jQuery のバージョンには下位互換性がないため、jQuery をベースに開発されたプラグインは以下のものが存在します。互換性の問題。つまり、新しいバージョンの jQuery がリリースされると、元のプラグインが正しく動作しない可能性があり、プラグインの作成者は新しいバージョンを再開発する必要があります。

(2) 選択の提案

さまざまなプラグインとの互換性を高めるために、バージョン 1.x を選択できます。

3, 新機能の比較

(1) 1.x と比較して、2.x には新機能は追加されていません。主な理由は、ie678 のサポートを削除し、機能を改善することです。パフォーマンスを向上させ、身体検査を減らします。

(2) 以前のバージョンと比較して、3.x には多くの新機能が追加され、以前の機能もいくつか変更されました。

1.x 一般的に使用されるバージョン

1.4.2: 安定性と互換性は優れており、ほとんどのプラグインが使用できますが、パフォーマンスは次のバージョンほど良くありません。

jQuery ビデオチュートリアル
、
Web フロントエンド入門チュートリアル

以上がjQueryのスリムバージョンとスタンダードバージョンの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

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

Reactのエコシステムのサイズ：複雑な風景をナビゲートしますApr 28, 2025 am 12:21 AM

tonavigatereAct'somplexEcosystemively、理解を理解し、認識していることを認識していることを認識しているandweakness、およびIntegreatemtoemtoemtoemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemotereconceptate、その後、勾配内で測定する

どのようにReactがキーを使用してリスト項目を効率的に識別しますApr 28, 2025 am 12:20 AM

RactuseSeSeSeSeSeSeSeSpiffictifideidifiedItemsbyprovidingastableidentitytoeeedelement.1）keysallowReactTotTotTotTotTotTotTotTotTotTotTotTotTotTotTotRACKESOUTRE-RENDERINGTHEENTERELIST.2）chookiniqueandstablekeys、avolididingArrayIndices.3）reforceAsificlySificlySiflovedobrovesiondanc

Reactにおける重要な問題のデバッグ：問題の特定と解決Apr 28, 2025 am 12:17 AM

KeysinReactarecrucialforoptimizingTherenderingProcessandDynamicListseffective.tospotandfixkey-relatedissues：1）adduniquekeystolistiTemstoavoidsissusisus、2）useuniqueidideididifiersfromdateadceSofofordiceys、3）

Reactの一方向データバインディング：予測可能なデータフローの確保Apr 28, 2025 am 12:05 AM

Reactの一元配置データバインディングにより、データが親コンポーネントから子コンポーネントに流れることが保証されます。 1）データは単一に流れ、親コンポーネントの状態の変化は子コンポーネントに渡すことができますが、子コンポーネントは親コンポーネントの状態に直接影響することはできません。 2）この方法により、データフローの予測可能性が向上し、デバッグとテストが簡素化されます。 3）制御されたコンポーネントとコンテキストを使用することにより、一方向のデータストリームを維持しながら、ユーザーの相互作用とコンポーネント間通信を処理できます。

Reactコンポーネントでキーを選択して管理するためのベストプラクティスApr 28, 2025 am 12:01 AM

keysinReactarecrucialforeffiencedomupdatessandRecOnciliation.1）選択可能でユニークな、そして類似のフルキーなど、Itemids.2）fornestedLists、useuniquekeysateachlevel.3）

ReactアプリケーションのuseState（）を使用してパフォーマンスを最適化しますApr 27, 2025 am 12:22 AM

useState（）uscrucialforoptimizingRectperformanceduetuitsoitsimpactonre-rendersandupdates.tooptimize：1）useusecallbacktomoize funtionsandpreventunnederireRenders.2）

コンテキストとuseState（）を使用してコンポーネント間で状態を共有するApr 27, 2025 am 12:19 AM

コンテキストとユーザーを使用して、大規模なReactアプリケーションで州の管理を簡素化できるため、状態を共有します。 1）プロップドリルを減らす、2）より明確なコード、3）グローバルな状態を管理しやすい。ただし、パフォーマンスのオーバーヘッドと複雑さのデバッグに注意してください。コンテキストと最適化技術の合理的な使用は、アプリケーションの効率と保守性を向上させることができます。

Reactの仮想DOMアップデートに対する誤ったキーの影響Apr 27, 2025 am 12:19 AM

誤ったキーを使用すると、Reactアプリケーションでパフォーマンスの問題や予期しない動作を引き起こす可能性があります。 1）キーはリスト項目の一意の識別子であり、Virtual Domを効率的にReactの更新を支援します。 2）同じまたは非ユニークなキーを使用すると、リスト項目が再注文され、コンポーネント状態が失われます。 3）キーとして安定した一意の識別子を使用すると、パフォーマンスを最適化し、完全な再レンダリングを回避できます。 4）ESLINTなどのツールを使用して、キーの正しさを確認します。キーを適切に使用すると、効率的で信頼性の高い反応アプリケーションが保証されます。

See all articles