17

ほとんどの人は、パフォーマンス上の理由からスクリプト タグをページの下部に配置することを推奨しています - jQuery: JavaScript をページの下部に移動しますか?

このプラクティスは jQuery Mobile Web ページにどのように適用されますか?

私が見た例では、jQuery および jQuery Mobile スクリプトを head タグに配置しています。他のスクリプトも head タグに配置する必要がありますか? ベストプラクティスとは?

4

3 に答える 3

4

ここでは、デスクトップ ページの場合と同じ答えがカウントされると思います。ページの機能に JavaScript が不可欠な場合は、一番上に配置します。補完的な場合は、一番下に配置します。

于 2010-11-29T13:47:01.623 に答える
3

これは速度などのパフォーマンスとは関係がない場合がありますが、jqueryモバイルコンテキストでは、スクリプトをページに適切に追加することが重要です。昔ながらの$(function(){})人はあなたを驚かせるでしょう。動作しない場合があります。

リンクがクリックされると、jquery mobileはajaxを使用してページをフェッチし、現在開いているページにそのコンテンツを追加して、に入力したものをすべて無視します<head>。[これはjqm1.0a2の時点で当てはまります]

動作するスクリプトを追加するには、次の2つの方法があります。

  1. すべてのスクリプトを単一の.jsファイルに配置し、それらをアプリのすべてのページの先頭にリンクして、jqmが提供するイベント（pageshowおよびpagecreateのもの）を操作します。
  2. スクリプトを本文の下部に配置し、DOMreadyを起動する必要はありません。

2番目の方法は、ユーザーが使用しない可能性のある（特定のページにアクセスしない）スクリプトが多数ある大きなアプリケーションでのパフォーマンスに優れている可能性があります。私は最初の方法をお勧めします-それはよりクリーンで、jqmはそれを奨励しているようです。

両方のハイブリッドが最適な場合があります。pageshowイベントハンドラーを追加すると、読み込まれた各ページからデフォルトの関数がトリガーされます。

[編集]

ページの下部にある制限を参照してください。

于 2010-12-14T10:12:33.237 に答える
2

ベストプラクティスは下部にあります。通常、jqueryスクリプトはDOMが読み込まれるときに実行されるため、ページを下に置いても表示には影響しませんが、他の要素を以前に読み込むことができるため、速度には影響します。

于 2010-11-29T13:57:19.370 に答える