タグ付けされた質問 「requirejs」

たくさん読んだ後でも、私はCommonJS、AMD、およびRequireJSについてまだ非常に混乱しています。 CommonJS（以前のServerJS）は、言語がブラウザーの外部で使用される場合にJavaScript仕様（モジュール）を定義するためのグループであることを知っています。CommonJSモジュールの仕様には、Node.jsやRingoJSなどの実装がありますよね？ CommonJS、非同期モジュール定義（AMD）、およびRequireJSの関係は何ですか？ あるRequireJSはの実装CommonJSのモジュール定義？はいの場合、AMDとは何ですか？

840 javascript  module  requirejs  amd  commonjs 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 私はAngular.jsの初心者で、Backbone.jsとの違いを理解しようとしています... Backboneを使用しているときに、Require.jsでパッケージの依存関係を管理するために使用していました。Angular.jsで同じことをすることには意味がありますか？

443 javascript  requirejs  angularjs 

私はここ数日間requirejsをいじっています。定義と要求の違いを理解しようとしています。 defineはモジュールの分離を可能にし、依存関係の順序を守ることができるようです。しかし、最初から必要なすべてのファイルをダウンロードします。必要なときに必要なものだけをロードする必要があります。 これら2つを一緒に使用できますか？また、それぞれをどのような目的で使用する必要がありますか？

316 require  requirejs 

RequireJSは、必要なJavaScriptファイルをキャッシュするために内部的に何かをしているようです。必要なファイルの1つを変更した場合、変更を適用するためにファイルの名前を変更する必要があります。 バージョン番号をquerystringパラメータとしてファイル名の最後に追加する一般的なトリックは、requirejsでは機能しません <script src="jsfile.js?v2"></script> 私が探しているのは、スクリプトファイルが更新されるたびにスクリプトファイルの名前を変更する必要なく、このRequireJS必須スクリプトの内部キャッシュを防ぐ方法です。 クロスプラットフォームソリューション： 現在urlArgs: "bust=" + (new Date()).getTime()、開発中の自動キャッシュ無効urlArgs: "bust=v2"化と、更新された必要なスクリプトをロールアウトした後にハードコードされたバージョン番号をインクリメントする本番環境で使用しています。 注意： @Dustin Getzは最近の回答で、このようにJavaScriptファイルが継続的に更新されると、Chromeデベロッパーツールがデバッグ中にブレークポイントを削除することを述べました。1つの回避策はdebugger;、ほとんどのJavaScriptデバッガーでブレークポイントをトリガーするコードを記述することです。 サーバー固有のソリューション： NodeやApacheなどのサーバー環境に適している特定のソリューションについては、以下の回答のいくつかを参照してください。

302 javascript  jquery  requirejs 

私はすべてのカスタム.JSファイル（ベンダー以外のライブラリ）を連結して醜くするgulp rjsタスクを持っています。 私がやろうとしていることは、このタスクからいくつかのファイル/ディレクトリ（コントローラとディレクティブ）を除外することです。 わたしの木 - application - resources - js main.js - vendor - jquery - modernzr - angular - controllers - controller1 - controller2 - controller3 - directives - directives1 - directives2 - directives3 - widgets - widget1 - widget2 - widget3 - widget4 - modules - modules1 - …

227 requirejs  gulp  minify  uglifyjs 

私はRequireJSでバックボーンとアンダースコア（およびjQuery）をロードしようとしています。BackboneとUnderscoreの最新バージョンでは、それはちょっとトリッキーなようです。1つは、Underscoreがモジュールとして自動的に登録することですが、BackboneはUnderscoreがグローバルに利用可能であると想定しています。また、Backboneはそれ自体をモジュールとして登録していないように見えるため、他のライブラリとの一貫性が失われていることにも注意してください。これは私がその作品を思いつくことができる最高のmain.jsです： require( { paths: { 'backbone': 'libs/backbone/backbone-require', 'templates': '../templates' } }, [ // jQuery registers itself as a module. 'http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js', // Underscore registers itself as a module. 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.2.1/underscore-min.js' ], function() { // These nested require() calls are just due to how Backbone is built. Underscore basically says if require() // …

172 javascript  backbone.js  underscore.js  requirejs 

私はこれについてのドキュメントを探して高低を検索しましたが、どこにも何も見つかりません。 私はアロハを使用しており、サイドバーのプロトタイプを使用して、他のプラグイン機能に接続された自分の新しいサイドバーを作成します。 彼らのsidebar.jsはこれで始まりますが、それが何を意味するのかを説明するドキュメントを見つけることができません。 define( [ 'aloha/core', 'aloha/jquery', 'aloha/selection' ], function (Aloha, jQuery, Selection, Plugin) { その後、そのラッパーで一連の関数を定義します。そのためvars、いくつかの関数を定義しますproptotypes。 そのことわざは何ですか、またはどこに説明がありますか？

161 javascript  requirejs  requirejs-define 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 この質問を改善する <script>DOMで要素を作成するだけでRequire.JSとamdを使用する場合の違いは何ですか？ Require.JSについての私の理解は、依存関係をロードする機能を提供するということですが、これは<script>、必要な外部JSファイルをロードする要素を作成することによって簡単に行うことはできませんか？ たとえば、私が関数を持っているとしましょう。doStuff()これには関数が必要needMe()です。doStuff()は外部ファイルdo_stuff.jsにneedMe()あり、は外部ファイルにありますneed_me.js。 これをRequire.JSの方法で行います。 define(['need_me'],function(){ function doStuff(){ //do some stuff needMe(); //do some more stuff } }); これを行うには、単にスクリプト要素を作成します。 function doStuff(){ var scriptElement = document.createElement('script'); scriptElement.src = 'need_me.js'; scriptElement.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(scriptElement); //do some stuff needMe(); //do some more stuff } これらは両方とも機能します。ただし、2番目のバージョンでは、すべてのRequire.jsライブラリをロードする必要はありません。機能的な違いは特にありません...

138 javascript  requirejs  dynamic-script-loading  js-amd 

Webアプリケーションを初めて（通常はキャッシュが無効になっているブラウザーで）ブラウズすると、このエラーが発生します。 エラー：一致しない匿名のdefine（）モジュール：関数（必須）{ HTML： <html> . . . <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> var require = { urlArgs: "v=0.4.1.32" }; </script> <script data-main="assets/js/main" src="assets/js/libs/require.js"></script> <script src="assets/js/ace/ace.js?v=0.4.1.32"></script> </body> </html> JS： $(function () { define(function (require) { // do something }); }); 誰もがこのエラーの意味を正確に知っており、なぜそれが起こっているのですか？ ソースファイル、githubの問題のページでのソースファイルに関する短いディスカッション

129 javascript  jquery  requirejs 

テストしたいAMDモジュールがありますが、実際の依存関係をロードするのではなく、その依存関係をモックアウトします。requirejsを使用しており、モジュールのコードは次のようになります。 define(['hurp', 'durp'], function(Hurp, Durp) { return { foo: function () { console.log(Hurp.beans) }, bar: function () { console.log(Durp.beans) } } } どのように私はモックできるhurpとdurp私は効果的にユニットテストできるように？

127 javascript  unit-testing  mocking  requirejs 

プロジェクトでRequireJS AMDを使用しています。プロジェクトでjshintを実行すると、次のようなエラーがスローされます AMDスクリプト 'define' is not defined. モカテストケースで 'describe' is not defined. 'it' is not defined. jshintでこの警告を削除するにはどうすればよいですか？

108 javascript  requirejs  amd  jshint 

ここで何が尋ねられているのかを知るのは難しい。この質問は、あいまいで、あいまいで、不完全で、過度に広い、または修辞的であり、現在の形では合理的に回答することができません。再開できるようにこの質問を明確にするヘルプについては、ヘルプセンターに アクセスしてください。 7年前休業。 問題 この回答は以前に回答済みですが、古くて最新ではありません。1つのファイルに2000行を超えるコードが含まれていますが、誰もが知っているように、特にコードを調べたり、新しい機能を追加したりする場合、これは悪い習慣です。現在と将来のために、コードをよりよく整理したいと考えています。 多数のボタン、UI要素、ドラッグ、ドロップ、アクションリスナー/ハンドラー、および複数のリスナーが同じ関数を使用する可能性のあるグローバルスコープ内の関数を備えたツール（単純なWebサイトではない）を構築していることを述べておく必要があります。 コード例 $('#button1').on('click', function(e){ // Determined action. update_html(); }); ... // Around 75 more of this function update_html(){ .... } ... その他のサンプルコード 結論 私は本当にこのコードを整理して、繰り返し使用しないで、新しい機能を追加したり、古い機能を更新したりできるようにする必要があります。一人でこれに取り組みます。一部のセレクターは100行のコードになる場合があります。その他のセレクターは1です。少し調べてみると、require.js繰り返しが多く、実際には必要以上のコードを記述していることがわかりました。私はこの基準に当てはまる可能性のある解決策を受け入れ、リソース/例へのリンクは常にプラスです。 ありがとう。

104 javascript  jquery  design-patterns  backbone.js  requirejs 

私が正しく理解している場合、JavaScriptのすべてのオブジェクトはObjectプロトタイプを継承します。つまり、JavaScriptのすべてのオブジェクトは、プロトタイプチェーンを通じてhasOwnProperty関数にアクセスできます。 require.jsのソースコードを読んでいるときに、私はこの関数を偶然見つけました。 function hasProp(obj, prop) { return hasOwn.call(obj, prop); } hasOwnへの参照Object.prototype.hasOwnPropertyです。この関数を次のように書くことに実際的な違いはありますか function hasProp(obj, prop) { return obj.hasOwnProperty(prop); } そして、私たちがそうしているので、なぜこの関数をまったく定義しないのですか？（わずかな）パフォーマンス向上のためのプロパティアクセスのショートカットとローカルキャッシングの問題ですか、またはこのメソッドを持たないオブジェクトでhasOwnPropertyが使用される可能性があるケースがないのですか？

104 javascript  requirejs  prototypal-inheritance  hasownproperty 

私はRequireJSを使用しており、DOM上で何かを初期化する必要があります。現在、RequireJSはdomReadyプラグインを提供していますが、jQueryがすでにあるので、jQuery $(document).ready()が必要になったため、これを利用できます。 だから私は2つのオプションを持っています： domReadyプラグインを使用します。 require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); 使用$(document).ready()： $(document).ready(function() { // Do my stuff here... }); どちらを選択する必要がありますか。その理由は何ですか。 どちらのオプションも期待どおりに動作するようです。RequireJSがその魔法をやっているので、jQueryのものには自信がありません。つまり、RequireJSはスクリプトを動的に追加するので、動的に要求されたすべてのスクリプトが読み込まれる前にDOMレディが発生するのではないかと心配しています。一方、RequireJSは、domReadyjQueryがすでに必要な場合にのみ、追加のJSに負担をかけます。 ご質問 domReadyjQueryを使用できるのに、なぜRequireJSがプラグインを提供するの$(document).ready();ですか？別の依存関係を含めることの利点はありません。 ニーズを満たすだけの場合は、クロスブラウザAJAXに提供してみませんか？ 私の知る限りでは、必要なモジュールdomReadyは、ドキュメントの準備が整った後にフェッチまたは実行されることはなく、jQueryを必要とする同じことを行うこともできます。 require(['jQuery'], function ($) { $(document).ready(function () { // Do my stuff here... }); }); ：私の質問に、より明確にするために必要と違い何domReadyかがjQuery？

100 javascript  jquery  html  requirejs  document-ready 

私はこれらを.htmlファイルで定義しました： <script type="text/javascript" src="bower_components/tree.js/tree.min.js"></script> <script type="text/javascript" src="bower_components/q/q.js"></script> <script type="text/javascript" src="test.js"></script> 次にtest.jsで： var myTree = Tree.tree({}) しかし、Typescriptは「名前 'Tree'が見つかりません」と言ってエラーになります。 また、test.jsファイル--module amdを使用import Tree = require("model/tree");してコンパイルして先頭に配置しようとしましたが、再びエラーが発生しました。Cannot find external module 'model/tree'.ただし、有効なインポートである必要があります。定義されている場所を参照してください。https：//github.com/marmelab/tree .js / blob / master / src / main.js 私が使用したいすべての外部javascriptファイルに対して.d.tsファイルを書きたくないのですが、Typescriptが真剣に求めていることは何ですか？

100 requirejs  typescript