問題タブ [requirejs]
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 - RequireJS:複数のmain.js?
私はrequireJSを使用してシングルページアプリを構築しており、これまでのところそれが大好きです。私はメインアプリの外でサイトの他の部分を開発することになりましたが、これにrequireJSをどのように使用するか(または使用するかどうか)はよくわかりません。
私のメインアプリでは、すべてがこのスクリプトタグによってトリガーされます。
現在、独自のフロントエンドスクリプトを備えたホームページを開発しています。main.js
これらすべてのスクリプトを1つのパッケージにバンドルするサイトを公開する場合は、オプティマイザーを使用します。私のサイトの残りの部分がこれに適合する場所を理解するのに苦労しています。
私のアプリがjQueryに依存していて、アプリの最適化されたバージョンにバンドルされているとしましょう。ホームページでjQueryを使用したい場合はどうすればよいですか?main.js
jQueryモジュールにアクセスするためだけにアプリをロードしたくありません。そうそう...少し混乱しています!
私はこのようなサイト構造を想像しています:
アプリ:
ホームページ:
質問
- RequireJSを使用してサイトのさまざまな部分を開発するにはどうすればよいですか?
- 複数のmain.jsファイルを用意することをお勧めしますか?
main.js
異なるファイルでjQuerypostoptimizationなどの共通モジュールを共有するにはどうすればよいですか?
javascript - RequireJS にテキストの依存関係を強制的にリロードさせることは可能ですか?
RequireJS を使用して、サーバーからデータを JSON 形式で取得したいと考えています。さまざまなソースからデータを要求し、それをコールバックで表示します。このような:
私の問題は、時々オブジェクトをリロードする必要があることです (オブジェクトが変更されている場合) が、データが変更されたことを認識していないため、RequireJS は 2 回目は要求しません。一部のデータを強制的にリロードすることは可能ですか? または「キャッシュ」からこのデータを削除しますか?
backbone.js - Require.jsの問題を介した非常に基本的なバックボーン/アンダースコアが私をバタバタさせます
jquery、underscore.js、およびrequire.jsを介してロードされたbackbone.jsを使用する非常に基本的なテストを実装しようとしていますが、何らかの理由ですべてを適切に並べることができないようです。調査によると、他の人は同じ問題を抱えていないことがわかっているので、私が見ていない単純なものに違いないとわかっています.
私が抱えている問題は、backbone.js の読み込み中に _ への参照が見つからないことです。同じ問題を報告している他の人を見つけましたが、問題は通常、依存関係の参照をハンドラーに間違った順序で渡すか、その他の明らかな問題でした。これは、バックボーンがロードされているときに発生しています。
また、「すべてを同じファイルに入れる」などの「機械的な」ソリューションもいくつか見てきましたが、適切な順序で多数のスクリプト インクルードを使用することで、従来の方法でそれらをロードするだけですが、これを機能させたいと本当に思っています。強力なアプローチのようです。
最初は、デモで動作するhttp://backbonetutorials.com/organizing-backbone-using-modules/の構造から始めましたが、非常に単純な変更を加えたり、単純なサンプルを作成しようとすると、少し壊れやすいと感じます地面まで、それは壊れます。
あまりにも長い間これに頭を悩ませた後、戻ってこのページ Loading Backbone and Underscore using RequireJS with another simple example を見つけ、希望を取り戻しました。ただし、それに基づいて新しいテストを作成した後、バックボーンの 0.5.3-optamd ブランチがアンダースコアへの独自の依存関係を処理することになっているにもかかわらず、同じ問題が発生します。
これ以上苦労することなく、これは非常に単純なコードであり、機能するはずですが、代わりに私を狂わせています。どういうわけか見逃したのが明らかであることを願っています:
index.html
js/main.js
js/app.js
正確なコンソール出力は次のとおりです。
Chrome 17.0.938.0 dev-m を使用している Windows 7 マシンを使用しています。
私のスクリプトのバージョンは次のとおりです。
私のディレクトリ構造は次のとおりです。
これが私にどれほどの困難を与えているか信じられません.誰かがここで何が起こっているのかを明らかにすることを本当に望んでいます.
jquery - require.js を使用したハイチャートの読み込み
ハイチャートをrequireモジュールとしてロードできるようにするために、しばらくの間、ほとんど成功していませんでした。誰かがこれを機能させることができたのでしょうか、それとも私を正しい軌道に乗せるための指針があったのでしょうか?
ありがとうございました
javascript - RequireJS と QUnit の基本での単体テスト
私は、Javascript と RequireJS で単体テストを実行しようとしています。私はWebアプリを構築していますが、明らかに、本番ビルドではなく開発でテストを実行したいだけです。
質問:
- 必要なときにテストするだけですか、それとも開発中にページが読み込まれるたびに JS テストを実行していますか?
- テストがオンデマンドのみの場合、どのようにテストをトリガーして実行しますか? クエリ文字列 (例: ?testing=true) またはそのようなもの?
人々が開発中のテストをどのように行っているかについてのアイデアが必要です。フロントエンドで BackboneJS、RequireJS、および jQuery を使用し、バックエンドで NodeJS/ExpressJS サーバーを使用しています。
javascript - RequireJS-最適化されたビルドからテストコードを省略
RequireJSに基づいてテストをアプリに統合することを検討しています。QUnitテストをRequireJS構造に統合する方法のこの例を見つけました。明らかに、本番ビルドでテストコードを使用したくない場合があります。RequireJSの最終的な本番ビルドからテストを継続するにはどうすればよいですか?
javascript - モジュラーJavascriptWebアプリの単体テスト
BackboneJSとRequireJSを使用してWebアプリを構築しており、UIの相互作用とAJAXを介したデータ取得のために何らかの単体テストを実装する必要があります。QUnitとJasmineに出くわしましたが、これをアプリに統合する方法がよくわかりません。
次のようなテストを行っている場合:
- ユーザーは正常にログインしていますか?
- サーバーからデータを受信しましたか?
- ボタンをクリックすると、期待される応答がトリガーされますか?
- クリックイベントは動的にロードされたHTMLコンテンツで機能しますか?
- アプリはハッシュ/プッシュ状態のURLの変更に正しく応答しますか?
特定のJSオブジェクトにアクセスし、セッション固有のデータを操作し、プッシュ状態のURLの変更に応答するには、テストをアプリに直接統合する必要があると思います。
QUnitまたはJasmine(または他の提案)をモジュラーアプリに統合して、そのような機能を単体テストするにはどうすればよいですか?