問題タブ [yepnope]

yepnope を使用してスクリプトをロードしていますが、IE7 を使用している場合、Mootools domready OR load イベントが既に発生している場合は発生しません。理由はありますか？

これがコードです。

MooTools バージョン 1.3.2 (非互換) と Modernizr にバンドルされている yepnope を使用します。

さらにテストした結果、IE9 と IE8 も domready を起動していないようです。

yepnope (Modernizr.load) を使用して selectivizr をロードしようとしていますが、テスト コマンドに問題があります。現時点では、rgba を使用してハッキングしました (IE8 以下に影響するため) が、古い Opera および FF ブラウザにも影響するため、理想的ではありません (ゴミに見えます)。

コードは次のとおりです。

selectivizr サイトで、次のようにロードする必要があると書かれていることを知っています。

ただし、jquery が終了する前にロードされるため、これは機能しません。

また、私はieがあることを知っています！yepnope のプレフィックスですが、このファイルをどこにどのように含めるかわかりません。IE ファイルが 4k の selectizr ファイルをロードする場合、5k を含めるのは無意味に思えます。

ヘルプ/ガイダンスをいただければ幸いです。

あ

modernizr.load (yepnope) を使用して追加の css をタッチ スクリーン デバイス (iPhone など) に送信しようとしています。「タッチ」が必ずしもすべてのデバイスを意味するわけではないことはわかっていますが、今のところはそうです。

これは私が持っているコードです:

ただし、CSS が iPhone 3GS (IOS 4.1) にロードされないようです。nopeコードを ' ' に変更し、ラップトップでテストして css が正常に読み込まれたかのように、パスは正しいです。

css が iPhone にロードされない理由はありますか?

乾杯、アディ

たくさんのリソースを持つアプリがあります。JavaScript ローダーについて読んだ後、リソースを非同期的にロードすることでどのようなブーストが得られるかを確認することにしました。驚いたことに、ローダーを使用すると目に見えて遅くなることがわかりました (ストップウォッチは必要ありません)。これは、他の人が同様の結果を出したかどうか、およびJavaScriptリソースローダーをいつ使用するか使用しないかに関して開発者が何を考慮すべきか疑問に思っています.

ここに私のテストに関するいくつかの詳細があります：

• 現在 60 個のリソースがあります (主にスクリプト)
• 依存関係の階層により、スクリプトは約 8 回のバッチでロードする必要がありました
• 主にFirefoxを使用しました（ただし、Chromeでも試しました）
• Ubunutu と Windows の両方でテストを実行
• ローダー（私の場合はYepNope）を使用すると、少しオーバーヘッドが追加されます
• YepNope とのやり取りを簡素化するために、小さなブートローダー クラスを作成しました。
• ソースコードは github にあります (tests.html と tests-loader.html を実行します)

私が「遅い」と言うとき、それがひどく遅いと言っているわけではありません。これを設定するのに時間がかかり、開始前よりも結果が悪くなっただけです。

ローダーを使用するには 60 のリソースは少なすぎますか? リソースは一般的に巨大であるべきですか、それとも小さなファイルの集まりである可能性がありますか? 従来のスクリプト タグを使用した場合よりもローダーが遅くなる原因は何ですか?

このスクリプトは、ページの読み込み時に常に実行されます。私の問題は JavaScript にあります。アセットをキャッシュから (さらに言えばサーバーから) ロードするのに永遠に時間がかかります。

どのように読み込まれるかを確認すると、どこに 2 回読み込まれるかがわかります。下の画像では、最初に上半分をロードし (ただし、スクリプトは実際にはまだロードされていないようです)、次に下半分をロードするのに永遠に時間がかかります。

Chrome と IE では非常に高速に読み込まれます。Firefox で何が問題になる可能性がありますか?

アイデアは、ページ /something/index.html が読み込まれるということです。ただし、表示する前に、その依存関係 (この場合は css と画像) がプリロードされています。

Paul Irish の「imagesLoaded」jQuery プラグインを調べましたが、私は既に持っているローダーを使用するシンプルさを好みます。YepNope (および Modernizr.load) が一般的なプリローダーとして設計されていないことはわかっていますが、これが最もクリーンな方法だと思います。

Modernizr/YepNope ロード スクリプトにイメージのプリロードを実装する方法についてご意見をお寄せください。

ニュージーランド

私は「2ステップビュー」を使用しています。ここでは、jQueryといくつかのプラグインのyepnopeのロード（htmlヘッド内）を備えたレイアウトテンプレート（すべてのページに共通）があります。何かのようなもの：

別のプラグインが必要になることがあるので、内部テンプレート内で（html本文で）追加を行います。

実際のjsマジックを実行する必要があるので、安全に実行できますか？

したがって、質問は実際には2つです。

1. グローバルリソーススタックのロードが完了すると、完全なコールバックが発生しますか？したがって、必要なすべてのリソースが以前に登録されていると仮定すると、この完全なコールバックをどこにでも「登録」しても安全ですか？

2. 「完全な」コールバックオプションだけでyepnopeを安全に呼び出すことはできますか？つまり、私が何も「テスト」しておらず、私のリソースがすでに登録されている限り...

試してみましたが、内部かどうかはよくわかりませんので、何かおかしなことをしていないか確認したいのですが…よろしくお願いします。

-

そして最後にもう1つ。プリロード中のマニュアル！言う：

これについて説明していただけますか？私はここで完全にポイントを逃しています...

Modernizr 2を使用してメディアクエリが存在するかどうかを検出し、必要に応じてrespond.jsにロードしようとしています。

これをscript.jsファイルに入れました...

私は何が間違っているのですか？Modernizrサイトのメディアクエリでこれを行う方法の例がないことに本当に驚いています。これが私が使用しているModernizrのバージョンです...

http://www.modernizr.com/download/#-backgroundsize-borderradius-boxshadow-iepp-respond-mq-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load

理想的には、次のようなJavascriptリソースローダーを探しています。

（1） head.jsのように「準備完了」の呼び出しを行うことを許可します。

（2）yepnopeのようなCSSファイルをロードします（css！プレフィックスを使用して最後にハッシュ付きのファイル名を処理することもできます）。（この段階では）条件付きロード機能は特に必要ありません。

（3）理想的には、複数の呼び出しが行われた場合でも、リソースを1回だけロードします（head.jsはこれを自動的に実行し、yepnopeはフィルターを使用してこれを実行します）。

最初の2つの要件の両方をサポートするものを見つけることができなかったため、現時点では、head.jsとyepnopeの両方を使用しています。明らかに、これは理想的ではありません。両方を一緒に（フィルターとプレフィックスを使用して）7kb最小化するためです。これはブートストラップスクリプトとしては少し重すぎると思います。

1つのオプションは、2つの組み合わせを使用して自分でロールし、不要な機能を取り除くことです...しかし、将来の更新などの苦痛を軽減するために、サポートされる予定の1つに固執したいと思います。

JavaScriptローダー（具体的にはyepnope.js）でMVCクライアント側検証を使用しようとした人はいますか？動作させることができません。必要なJSファイルがロードされる前に検証コードが登録されるためだと思います。

jQuery、jquery.validation、MicrosoftAjax、およびMicrosoftMvcValidationを通常どおり（つまり、yepnopeの外部で）ロードすることで機能させることができますが、誰かがより良い解決策を持っているかどうか疑問に思います。ありがとう。