[解決済み] Require.jsと、単にDOMに<script>要素を作成することの違いは何でしょうか?[クローズド]
2022-06-04 20:49:13
質問
Require.JSを使う場合と、単に
<script>
要素を作成するのとでは何が違うのでしょうか?
私の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
}
});
script要素を作るだけでこれを行う。
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ライブラリのすべてを読み込む必要がありません。機能的な違いはよくわからないのですが...。
どのように解決するのですか?
ajaxian.comの記事で、なぜそれを使うのかが紹介されています。
RequireJS: 非同期JavaScriptローディング
- ある種の #include/import/require です。
- ネストされた依存関係をロードする機能
- 開発者にとって使いやすいだけでなく、デプロイメントを支援する最適化ツールに支えられています。
関連
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】event.stopPropagationとevent.preventDefaultの違いは何ですか?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] Bowerとnpmの違いは何ですか?
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み] JavaScriptのnullとundefinedの違いは何ですか?
-
[解決済み] substrとsubstringの違いは何ですか?
-
[解決済み] nullはなぜオブジェクトなのか、nullとundefinedの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JavaScriptの関数この指摘の問題を説明
-
親子コンポーネント通信を解決する3つのVueスロット
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
JavaScriptの配列共通メソッド解説
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された