問題タブ [modernizr]

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

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

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

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

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

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

あ

CSS3 メディア クエリを使用して、最初は小さな画面サイズに対応し、次にメディア クエリを使用してより大きな画面サイズに対応する、徐々に強化されたデザインを作成しています。

もちろん、メディア クエリは IE8 以下では機能しません。私が試みた解決策は、モダナイザーとrespond.jsを使用することです。

私はこれを頭の中に持っています：

firefox では、コンソールに JS エラーが表示されません。ネットワーク バーは、modernizr が配信されていることを示します。

IEtester で、IE8 パネルを開いています。ページは、respond.js が存在しないかのように動作しています。IETester のデバッグ バーで、「リンク」に移動します。Respond.min.js はリストされていません。

私は何を間違っていますか？

私はmodernizrが私を好きではないと思います.誰かが私が間違っていることを教えてもらえますか. Firefox などで modernizr を動作させることができないようです...ヘッダー、フッター、ナビゲーションなどの要素のみを使用しています...

これは私のコードです:

正常に出力されるfirebugをチェックすると、想定されているすべての要素を取得できますが、どの要素も機能していません...

たとえば、firebug でヘッダーをクリックして CSS の高さを 5000px に編集しても移動せず、配置なども正しくありません。

私はModernizer.loadを試しています。

私はこれを持っています：

正しく理解していれば、このようなコードを使用してスクリプトを非同期でロードできます。しかし、それらを順番に実行することはできますか？myscript.jsでjqueryオブジェクトを最初にロードする必要がある場合はどうなりますか？

modernizrドキュメントの例では、load（[]）は'complete'プロパティをとることができ、そのパラメーターは、他のすべてが完了したときに別のスクリプトをロードできる関数にすることができます。ただし、ここで関数を使用して依存関係後のスクリプトをロードすると、シリアルでロードされます。ドキュメントには、これがパフォーマンスに悪影響を与える可能性があると具体的に記載されています。

ただし、すべてを非同期でロードすると、それらが実行される順序がわかりません。そしてもちろん、最初に実行するには依存関係が必要です。

私は Modernizr を使用して、ユーザーが実行しているブラウザーでサポートされている機能を検出しています。しかし、base64 の互換性をテストする際に、理論的な問題に直面しました。このサポートのパッチについては、こちらで詳しく説明しており、動作します (IE8 の奇妙なケースを除いて)、base64 でエンコードされた最大 32KB の画像のみが許可されます。

32KB の長さの base64 文字列を JS ファイルに埋め込みたくありません。膨大な量のファイルが追加されます。では、JS を使用して 32KB の有効なイメージを作成できますか? 文字列の長さが 32KB に達するまで、何らかのパターンを文字列内で繰り返す、そのようなことを考えています。または、既存の小さな文字列 (Modernizr パッチの文字列など) を取得し、最後にジャンク データを追加しても有効なイメージが得られる場合があります。

base64 エンコーディングについては、既存の画像を操作する方法以外はほとんど知りません。誰にもアイデアはありますか？

私は常に非常に単純なことを目指しているので、ただ疑問に思っていました.現在、スワイプで画像から画像に切り替えることができるjQueryモバイルカルーセルプラグインを作成しています. モバイル デバイスの場合、パフォーマンスが向上するため、CSS3 トランジション/トランスフォーメーションを使用することは理にかなっています。

機能が利用可能かどうかをテストするために、Modernizr を使用できますが、特にモバイルの世界では帯域幅が非常に貴重であるため、単純なカルーセル プラグイン用の別のスクリプトを含めるのは少し多すぎるように思われるため、それほど熱心ではありません。Modernizr の部分をプラグインにコピーするだけですか、それとも Modernizr を前提条件にしますか?

乾杯

私はvideojsを使用してページに多数の動画を配置していますが、他の動画のように1番目と3番目の動画の間に余白がない原因を特定できません。

http://appliedcodingtech.com/site/paper_handling_systems_automation_videos

css トランジションが利用可能かどうかを判断するために javascript で modernizr を使用していますが、javascript を使用せずに css トランジションが機能しているかどうかを確認する方法はありますか?

を使用してJavaScriptファイルを読み込んでいますModernizr.load()。ここで、すべての読み込みが完了した後、各ページが独自のinitメソッドを呼び出す必要があるとします。しかし、子ページを認識しないテンプレートマスターに読み込みを入れました。依存関係の読み込みが完了したことをページはどのようにして知ることができますか？

脚本

サイトマスターテンプレート

ページ1

2ページ

ここに2つの問題があると思います。modernizrがまだjqueryをロードしている場合、$が定義されていない可能性があります。また、Page2StuffまたはPage1Stuffが定義されていない可能性があります。