問題タブ [labjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - LABjs のバグ: スクリプトは常に .script() を使用してロードされたシーケンスを実行しました
LABjsでいくつかのテストケースを行ったとき、いくつかの問題が発生しました。コードは次のとおりです。
APIの説明によると、jquery-1.8.0.min.jsとsimple.jsの実行順序は保証されていません。jquery-1.8.0.min.js をフィドラーでブロックしました。boserverd は次のとおりです。
- IE8でも問題なく動作し、simple.jsのダウンロードが終わるとすぐに実行されました。
- Chrome 20 では、jquery-1.8.0.min.js のダウンロードが完了して実行されるまで、simple.js は実行されませんでした。
バグですか?
次に、クロム20で別のテストを行いました。コードは次のとおりです。
このコードを実行したときに jquery-1.8.0.min.js のダウンロードが開始されませんでした。これは問題ですか?
APIの説明は次のとおりです: http://labjs.com/documentation.php#script
requirejs - yepnopeによる複数の条件
ロードされたリソースとしてyepnope.jsを使用します。JSモジュールのすべての依存関係が読み込まれた場合にのみ、そのモジュールでコードを実行したいと思います。すでにロードされているJS依存関係をロードしたくありません。
依存関係D1.jsとD2.jsがあるとします。私は試した
これは機能しますが、リソースは、以前にすでにロードされている場合でも、毎回ロードされます。
私がそのような複数のテストを行う場合:
完成した関数全体(すべてのリソースがロードされた後に実行される関数)をどこに配置するかは明確ではありません。
yepnopeでこれを行うことは可能ですか、それとも別のコンポーネントを使用する必要がありますか?
ありがとう。
performance - ページの読み込み時間が200ミリ秒短縮されることは重要ですか?
私が開発したサイトの1つでlabjsを使用していくつかのテストを行い、ページの読み込み時間を200ミリ秒短縮しました。バックエンド処理後に現在費やされている合計時間は約1.5秒です。
トラブルに見合うだけの価値があるのなら、私はさまよっていました。200msは大きな利益ですか?ばかげたもの?ページの読み込み時間がページのランキングに影響することは知っていますが、200ミリ秒で大きな違いが生まれますか?
javascript - Lab.jsでモジュールをロードする
ReferenceError:$が定義されていないのはなぜ ですか?
しかし、仕事:
2. item1.js
item2.js
//キャッチされていないReferenceError:インターフェイスが定義されていません ヘルプ
javascript - LABjs を使用した間違った実行順序
LABjs (v2.0.3) を使用して javascript ファイルをロードし、指定された順序で実行する非常に単純な例 (実際のプロジェクトから適応) を作成しました。以下にコードを貼り付けます。
- testLAB.js は、events.js を待機する mainCanvas.js を待機するため、アラートの順序は「events.js」「mainCanvas.js」「testLAB.js」になると予想されます。
- ただし、通常、「testLAB.js」「mainCanvas.js」「events.js」という逆の順序で取得します。
- ときどき「testLAB.js」「events.js」「mainCanvas.js」が出てきます。
誰でも説明できますか?完全な例は、ここから
ダウンロードできます。
編集: node.js とhttp-server モジュールを使用してこれらのページをローカルで提供しています (ローカルでも試してみたい場合)
ファイル: index.html
ファイル: js/app/testLAB.js
ファイル: js/app/mainCanvas.js
ファイル: js/app/events.js
javascript - 2 つのスクリプト ブロックのロード (lab.js をロード マネージャーとして使用)
の 2 つのブロックを異なる場所にロードしようとしてlab.js
いますが、最初のブロックにロードされたファイルから 2 番目のブロックで関数を使用すると、未定義として表示されます。
これは最初のブロックです(私の MVC プロジェクトからヘッダー テンプレートに読み込まれます)
これは、コンテンツ テンプレートで読み込まれた2 番目のブロックです
2 番目のブロック (.tooltip) の関数は、jquery に依存しているため、読み込まれません。ヘッダーにロードされたブロックだけで両方のブロックを統合する方法はありません(両方のファイルは完全に独立しており、コンテンツが動的に作成されています。また、私が達成しようとしているものでもありません)
問題は..最初のブロックが完全にロードされたときにのみロードするように2番目のブロックに指示する方法はありますか?
どうもありがとう!
javascript - 読み込まれる js および css スクリプトのファイル サイズ
JavaScriptとCSSをロードする最良の方法は、CSSファイルを結合して圧縮することであり、JavaScriptの場合も同じです。そのため、JavaScript ファイルが必要な場合は、サーバーに対して 1 ~ 2 回の呼び出しを行うだけです。しかし、3 つのリクエストを行っているようです。1 つは HTML ドキュメント用、1 つは CSS 用、もう 1 つは js 用であり、Web サイトをロードする最もパフォーマンスの高い方法ではありません。また、js を非同期でロードできるので、独立した js ファイルを一度にロードできます。js ファイルをロードしすぎていないことを確認してください。
問題は、ロードするファイルの最適な量はどれくらいかということです。ページの読み込みが最も効率的になるようにするには、js ファイルと css ファイルの数をいくつにする必要がありますか? それを計算するための規則はありますか?インターネット速度に依存性はありますか? したがって、インターネットが遅い場合、サーバーへの接続をたくさん開きたくないのですが、1 つを使用した方がよいでしょうか?
Kyle Simpson からの回答は次のとおりです 。サイズは 100kb 以上です。私は実際に役立つものを見つけようとしましたが、すべての説明はかなりあいまいです. 前もって感謝します。