0

ここで本当にばかげた質問をしているかもしれませんが、心を落ち着かせる良い読み物が見つかりません。

いくつかの異なる jquery ファイルを使用するプロジェクトを引き継ぎました。現在、ヘッダーは次のようになっています。

<head>
  <title>
     Capture New Order
  </title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/application/assets/CSS_JS/jquery.mobile-1.1.1.min.css" />
  <link rel="stylesheet" href="/application/assets/CSS_JS/green.min.css" />
  <script src="/application/assets/CSS_JS/jquery-1.7.2.min.js"></script>
  <script src="/application/assets/CSS_JS/jquery.mobile-1.1.1.min.js"></script>
  <link rel="stylesheet" href="/application/assets/CSS_JS/elf.css" media="screen">

  <link href="<?php echo base_url() ?>application/css/ui-lightness/jquery-ui-1.8.custom.css" media="screen" type="text/stylesheet" rel="stylesheet">
  <script src="<?php echo base_url() ?>application/scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
  <script src="<?php echo base_url() ?>application/scripts/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

  <link rel="stylesheet" href="<?php echo base_url() ?>application/css/sales.css" />

  <script type="text/javascript">
        $(function(){
          $("#customer").autocomplete({
            source: "get_customers"
          });
        });
  </script>
</head>

この例では、さまざまな jquery ファイルを 4 回呼び出しています。ただし、これらの jquery ファイルのいずれかを削除すると、サイトの機能が損なわれます。

利用可能なすべての機能を備えた単一の「マスター」jquery ファイルはありませんか?

確かに、いくつかの異なるjqueryファイルを持つよりも理にかなっていますか?

これが「単純な」質問である場合は申し訳ありませんが、明確にしたいだけです。

ありがとう、ライアン

4

3 に答える 3

1

まず、メインの jQuery ファイルを 2 回ロードします: jquery-1.7.2.min.js と jquery-1.9.1.min.js のうちの 1 つだけが必要です。このファイルは、主要な機能を担当します。ファイル jquery-ui は UI 要素用です。jquery-mobile はモバイル機能と UI 用です。したがって、これらのファイルのいずれかを削除すると、このファイルの機能は失われます。しかし、すべてがjqueryメインファイルで中継されます。

ファイルをロードする順序は重要ではありません。最初に jquery.min.js をロードしてください。

それが役立つことを願っています。

于 2013-03-14T08:30:04.987 に答える
0

すべてのファイルをまとめることはできません。ライブラリの更新時に、コードを検索して 1 つの結合されたファイルに置き換えるよりも、1 つのファイルを置き換える方がよいからです :) 。

ただし、すべてのファイル (JavaScript、CSS など) が HTTP 要求を必要とするため、HTTP 要求の量を減らすとアプリケーションを高速化できるため、アプローチは適切です。これについては、Yahoo!の高パフォーマンス Web サイトの規則を参照してください。php 用の縮小化および結合ライブラリが多数あります。たとえば、JavaScript と CSS の HTTP リクエストの量を減らすCSS-JS-Boosterを使用できます。しかし、Google で検索すると、ニーズにより適したライブラリをさらに見つけることができます。

JavaScript を HTML ファイルの一番下に配置することもお勧めします (そして CSS を一番上に配置します)。上記のルールを読めば、そのような Web サイトの「ブースター」がさらに見つかるはずです。

于 2013-03-14T08:40:55.523 に答える