\n<\/p>このファイルには、require.jsの構(gòu)成が含まれています。ディレクトリ構(gòu)造を変更する場合は、一致する必要があります。 Shimバージョンを示しました。CDNからJQueryをロードすることもできます。
\n\n\nMy Web App<\/title>\n <link rel=\"stylesheet\" href=\"app\/css\/main.css\"\/>\n <??>\n<\/head>\n<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n <div class="377j5v51b" id=\"main\" class=\"container\"><\/div>\n<\/body>\n<\/html><\/pre>\n<h2>\n<\/h2>main.js <p>\n<\/p>このファイルにはWebアプリケーションの依存関係が含まれており、ロードされると、好きなフレームワーク（バックボーンやAngularなど）を使用してアプリケーションを開始できます。 <pre class='brush:php;toolbar:false;'>\/\/ 將第三方依賴項放在lib文件夾中\(zhòng)n\/\/\n\/\/ 配置從lib目錄加載模塊\nrequirejs.config({\n \"baseUrl\": \"js\/vendor\",\n \"paths\": {\n \"app\": \"..\/app\"\n },\n \"shim\": {\n \"backbone\": [\"jquery\", \"underscore\"],\n \"bootstrap\": [\"jquery\"]\n }\n});\n\n\/\/ 加載主應用程序模塊以啟動應用程序\nrequirejs([\"app\/main\"]);<\/pre>\n<h2>\n<\/h2>まだ実行できませんか？ <p>\n<\/p>コードをダウンロード<pre class='brush:php;toolbar:false;'>\/\/ 加載Web應用程序JavaScript依賴項\/插件\ndefine([\n \"jquery\",\n \"modernizr\",\n \"underscore\",\n \"backbone\",\n \"bootstrap\"\n], function($) {\n $(function() {\n \/\/ 執(zhí)行操作\n console.log('required plugins loaded...');\n });\n});<\/pre><h2>requirejsセットアップFAQ（FAQ）<\/h2>\n<h3> JavaScript開発における要件の主な目的は何ですか？ <\/h3>\n<p> requirejsはJavaScriptファイルとモジュールローダーです。ブラウザの使用に最適化されていますが、他のJavaScript環(huán)境でも使用できます。要件の主な目的は、明確な依存性添加構(gòu)造を提供することにより、モジュラーJavaScript開発の使用を奨勵することです。これにより、特に大規(guī)模なプロジェクトでは、コードの速度と品質(zhì)を大幅に向上させることができます。また、JavaScriptファイルを効率的に管理およびロードするのに役立ちます。これは、多數(shù)のスクリプトを使用して複雑なプロジェクトを扱う際に大きな利點があります。 <\/p>\n<h3> requirejsは依存関係をどのように処理しますか？ <\/h3>\n<p>requirejsは、非同期モジュール定義（AMD）APIを使用してJavaScriptモジュールを処理します。これらのモジュールは非同期にロードできます。つまり、並行してロードできますが、指定した順序で実行できます。これは、大規(guī)模なプロジェクトで依存関係を処理するのに特に役立ちます。依存関係を定義でき、その後、依存関係コードを?qū)g行する前にこれらの依存関係がロードおよび提供されることを要求することができます。 <\/p>\n<h3> requirejsを使用してモジュールを定義する方法は？ <\/h3>\n<p>requirejsでモジュールを定義するには、<code>define()<\/code>関數(shù)を使用できます。この関數(shù)は、依存関係配列と工場関數(shù)の2つのパラメーターを取ります。依存関係は、モジュールを?qū)g行する前にロードする必要があるスクリプトであり、工場の関數(shù)はモジュールを作成するために実行されるコードです。例は次のとおりです\n<\/p>\n<pre class='brush:php;toolbar:false;'><!DOCTYPE html>\n<html>\n<head>\n <title>My Web App<\/title>\n <link rel=\"stylesheet\" href=\"app\/css\/main.css\"\/>\n <??>\n<\/head>\n<body>\n <div class="377j5v51b" id=\"main\" class=\"container\"><\/div>\n\n <??>\n <??>\n <??>\n <??>\n <??>\n<\/body>\n<\/html><\/pre> requirejsを使用してモジュールをロードする方法は？ <h3>\n<\/h3>requirejsでモジュールをロードするには、<p>関數(shù)を使用できます。この関數(shù)は、依存関係配列とコールバック関數(shù)の2つのパラメーターを受け入れます。依存関係は、コールバックが実行される前にロードする必要があるスクリプトであり、コールバック関數(shù)は依存関係がロードされた後に実行されるコードです。例は次のとおりです\n<code>require()<\/code>\n<\/p> jQueryなどの他のJavaScriptライブラリを使用してRequirejsを使用できますか？ <pre class='brush:php;toolbar:false;'><!DOCTYPE html>\n<html>\n<head>\n <title>My Web App<\/title>\n <link rel=\"stylesheet\" href=\"app\/css\/main.css\"\/>\n <??>\n<\/head>\n<body>\n <div class="377j5v51b" id=\"main\" class=\"container\"><\/div>\n<\/body>\n<\/html><\/pre>\n<h3>はい、requirejsはjqueryなどの他のJavaScriptライブラリと互換性があります。 jQueryをモジュールの依存関係として含めることも、<\/h3>関數(shù)を使用してロードすることもできます。これにより、JQueryの機能と機能を使用しながら、RequireJSのモジュラー構(gòu)造と依存関係管理機能を活用できます。 <p>\n<code>require()<\/code> requirejsでエラーを処理する方法は？ <\/p>\n<h3> requirejsは、エラーを処理するために<\/h3>コールバックを提供します。このコールバックは、モジュールまたはその依存関係をロードするときにエラーが発生するたびに呼び出されます。このコールバックを使用して、アプリケーションに合った方法でエラーを記録するか、それらを処理できます。 <p>\n<code>onError<\/code> node.jsでrequirejsを使用できますか？ <\/p>\n<h3>はい、requirejsはnode.jsで使用できます。ただし、node.jsには獨自のモジュールシステム（commonjs）があるため、requirejsを使用する必要がない場合があります。 node.jsでrequirejsを使用することを選択した場合、その非同期負荷と依存関係の管理機能を活用できます。 <\/h3>\n<p> requirejsを使用してコードを最適化する方法は？ <\/p>\n<h3> requirejsには、R.JSと呼ばれる最適化ツールが含まれています。このツールは、スクリプトを接続および圧縮したり、テキストベースの依存関係をインラインにしたりできます。これにより、アプリケーションによって行われたHTTP要求の數(shù)を大幅に削減し、積載時間を増やすことができます。 <\/h3><h3>タイプスクリプトでrequirejsを使用できますか？ <\/h3>\n<p>はい、exaclejsはtypeScriptで使用できます。 TypeScriptは、純粋なJavaScriptにコンパイルするJavaScriptの靜的にタイプされたスーパーセットです。 JavaScriptモジュールと同様に、lucedjsを使用するには、typeScriptモジュールを管理およびロードできます。 <\/p>\n<h3> requirejsを構(gòu)成する方法は？ <\/h3>\n<p><code>require.config()<\/code>関數(shù)を使用してrequirejsを構(gòu)成できます。この関數(shù)を使用すると、スクリプトの基本URL、ライブラリのパス、非AMDスクリプト用のシム構(gòu)成など、requireJのさまざまな構(gòu)成オプションを設定できます。例は次のとおりです\n<\/p>\n<pre class='brush:php;toolbar:false;'><!DOCTYPE html>\n<html>\n<head>\n <title>My Web App<\/title>\n <link rel=\"stylesheet\" href=\"app\/css\/main.css\"\/>\n <??>\n<\/head>\n<body>\n <div class="377j5v51b" id=\"main\" class=\"container\"><\/div>\n\n <??>\n <??>\n <??>\n <??>\n <??>\n<\/body>\n<\/html><\/pre>この改訂された応答は、異なる文言と文の構(gòu)造を使用しながら、元の意味を維持します"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學ぶ" class="head_nava head_nava-template1_1">學ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#何が必要ですか" title="何が必要ですか？ " >何が必要ですか？ </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#requirejsセットアップFAQ-FAQ" title="requirejsセットアップFAQ（FAQ）" >requirejsセットアップFAQ（FAQ）</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#JavaScript開発における要件の主な目的は何ですか" title=" JavaScript開発における要件の主な目的は何ですか？ " > JavaScript開発における要件の主な目的は何ですか？ </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#requirejsは依存関係をどのように処理しますか" title=" requirejsは依存関係をどのように処理しますか？ " > requirejsは依存関係をどのように処理しますか？ </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#requirejsを使用してモジュールを定義する方法は" title=" requirejsを使用してモジュールを定義する方法は？ " > requirejsを使用してモジュールを定義する方法は？ </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#はい-requirejsはjqueryなどの他のJavaScriptライブラリと互換性があります-jQueryをモジュールの依存関係として含めることも" title="はい、requirejsはjqueryなどの他のJavaScriptライブラリと互換性があります。 jQueryをモジュールの依存関係として含めることも、" >はい、requirejsはjqueryなどの他のJavaScriptライブラリと互換性があります。 jQueryをモジュールの依存関係として含めることも、</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#requirejsは-エラーを処理するために" title=" requirejsは、エラーを処理するために" > requirejsは、エラーを処理するために</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#はい-requirejsはnode-jsで使用できます-ただし-node-jsには獨自のモジュールシステム-commonjs-があるため-requirejsを使用する必要がない場合があります-node-jsでrequirejsを使用することを選択した場合-その非同期負荷と依存関係の管理機能を活用できます" title="はい、requirejsはnode.jsで使用できます。ただし、node.jsには獨自のモジュールシステム（commonjs）があるため、requirejsを使用する必要がない場合があります。 node.jsでrequirejsを使用することを選択した場合、その非同期負荷と依存関係の管理機能を活用できます。 " >はい、requirejsはnode.jsで使用できます。ただし、node.jsには獨自のモジュールシステム（commonjs）があるため、requirejsを使用する必要がない場合があります。 node.jsでrequirejsを使用することを選択した場合、その非同期負荷と依存関係の管理機能を活用できます。 </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#requirejsには-R-JSと呼ばれる最適化ツールが含まれています-このツールは-スクリプトを接続および圧縮したり-テキストベースの依存関係をインラインにしたりできます-これにより-アプリケーションによって行われたHTTP要求の數(shù)を大幅に削減し-積載時間を増やすことができます" title=" requirejsには、R.JSと呼ばれる最適化ツールが含まれています。このツールは、スクリプトを接続および圧縮したり、テキストベースの依存関係をインラインにしたりできます。これにより、アプリケーションによって行われたHTTP要求の數(shù)を大幅に削減し、積載時間を増やすことができます。 " > requirejsには、R.JSと呼ばれる最適化ツールが含まれています。このツールは、スクリプトを接続および圧縮したり、テキストベースの依存関係をインラインにしたりできます。これにより、アプリケーションによって行われたHTTP要求の數(shù)を大幅に削減し、積載時間を増やすことができます。 </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タイプスクリプトでrequirejsを使用できますか" title="タイプスクリプトでrequirejsを使用できますか？ " >タイプスクリプトでrequirejsを使用できますか？ </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#requirejsを構(gòu)成する方法は" title=" requirejsを構(gòu)成する方法は？ " > requirejsを構(gòu)成する方法は？ </a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/js-tutorial.html" class="phpgenera_Details_mainL1a">jsチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>require.jsの例 - 2分間のセットアップ時間</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">require.jsの例 - 2分間のセットアップ時間</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/1468495.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/000/001/66ea810373f2f131.png" src="/static/imghw/default1.png" alt="Joseph Gordon-Levitt"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/1468495.html" class="author_name">Joseph Gordon-Levitt</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Feb 23, 2025 am 11:17 AM</span> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>すぐに開始する必要があります：わずか2分で！または、次のコードをダウンロードして、今すぐ體験してください。以下は、requirejsの実際のアプリケーションのスクリーンショットです。 GitHubプロジェクトアドレス</p> <h2 id="何が必要ですか">何が必要ですか？ </h2> <p> requirejsはJavaScriptファイルとモジュールローダーです。ブラウザの使用に最適化されていますが、RhinoやNodeなどの他のJavaScript環(huán)境でも使用できます。 requirejsのようなモジュラースクリプトローダーを使用すると、コードの速度と品質(zhì)が向上します。 </p> <ul> <li> <strong>speed</strong> - 非同期JavaScriptの読み込み。 </li> <li> <strong>jQueryプラグインなどの</strong>javaScript依存関係を管理します。 </li> <li> <strong></strong> Webアプリケーションファイル構(gòu)造を整理します。 </li> <li><strong>特定のWebアプリケーション関數(shù)を?qū)g行する<sule>モジュールを作成します。 </sule></strong></li> <li> <strong>HTMLに多くのスクリプトタグを含める必要性を排除します。 </strong> </li> <li>簡単な<strong>ビルドスクリプトを統(tǒng)合します。 </strong> </li> </ul>効果的ですか？ <h2> </h2>はい。以下のスクリーンショットは、Chrome開発者ツール（キャッシュを無効にする）を使用して開発環(huán)境で撮影されたため、自然に高速ですが、驚くべきことに、ここでもパフォーマンスの改善を見ることができます。 <p> </p> <p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174028063197639.jpg" class="lazy" alt="Require.js Example - Setup Time 2 Minutes "><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174028063383880.jpg" class="lazy" alt="Require.js Example - Setup Time 2 Minutes "> </p>Webアプリケーション構(gòu)造<h2> </h2>これは、Webアプリケーションに使用できる非常に基本的な構(gòu)造です。 <p> </p>root/<ul> <li>index.html <ul> <li> js </li> <li>ベンダー<ul> <li>[外部JavaScriptファイルとjQueryプラグイン]<ul> <li> </li> </ul>app</li> <li>main.js <ul> <li>[モジュールおよびWebアプリケーションJavaScriptファイル] </li> <li> </li>app.js</ul> </li> <li> </li> css </ul> </li> img <li> </li> <li> </li> </ul>HTMLコード（変更前）：</li> スクリプトをロードする一般的な方法... Modernizrは頭に配置され、殘りは體に配置されます。 </ul> <h2> </h2>htmlコード（変更）：<p> </p> require.jsは頭に配置されます。簡潔で明確。 <pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <title>My Web App</title> <link rel="stylesheet" href="app/css/main.css"/> <??> </head> <body> <div id="main" class="container"></div> <??> <??> <??> <??> <??> </body> </html></pre> <h2> </h2>app.js<p> </p>このファイルには、require.jsの構(gòu)成が含まれています。ディレクトリ構(gòu)造を変更する場合は、一致する必要があります。 Shimバージョンを示しました。CDNからJQueryをロードすることもできます。 <pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <title>My Web App</title> <link rel="stylesheet" href="app/css/main.css"/> <??> </head> <body> <div id="main" class="container"></div> </body> </html></pre> <h2> </h2>main.js <p> </p>このファイルにはWebアプリケーションの依存関係が含まれており、ロードされると、好きなフレームワーク（バックボーンやAngularなど）を使用してアプリケーションを開始できます。 <pre class='brush:php;toolbar:false;'>// 將第三方依賴項放在lib文件夾中 // // 配置從lib目錄加載模塊 requirejs.config({ "baseUrl": "js/vendor", "paths": { "app": "../app" }, "shim": { "backbone": ["jquery", "underscore"], "bootstrap": ["jquery"] } }); // 加載主應用程序模塊以啟動應用程序 requirejs(["app/main"]);</pre> <h2> </h2>まだ実行できませんか？ <p> </p>コードをダウンロード<pre class='brush:php;toolbar:false;'>// 加載Web應用程序JavaScript依賴項/插件 define([ "jquery", "modernizr", "underscore", "backbone", "bootstrap" ], function($) { $(function() { // 執(zhí)行操作 console.log('required plugins loaded...'); }); });</pre><h2 id="requirejsセットアップFAQ-FAQ">requirejsセットアップFAQ（FAQ）</h2> <h3 id="JavaScript開発における要件の主な目的は何ですか"> JavaScript開発における要件の主な目的は何ですか？ </h3> <p> requirejsはJavaScriptファイルとモジュールローダーです。ブラウザの使用に最適化されていますが、他のJavaScript環(huán)境でも使用できます。要件の主な目的は、明確な依存性添加構(gòu)造を提供することにより、モジュラーJavaScript開発の使用を奨勵することです。これにより、特に大規(guī)模なプロジェクトでは、コードの速度と品質(zhì)を大幅に向上させることができます。また、JavaScriptファイルを効率的に管理およびロードするのに役立ちます。これは、多數(shù)のスクリプトを使用して複雑なプロジェクトを扱う際に大きな利點があります。 </p> <h3 id="requirejsは依存関係をどのように処理しますか"> requirejsは依存関係をどのように処理しますか？ </h3> <p>requirejsは、非同期モジュール定義（AMD）APIを使用してJavaScriptモジュールを処理します。これらのモジュールは非同期にロードできます。つまり、並行してロードできますが、指定した順序で実行できます。これは、大規(guī)模なプロジェクトで依存関係を処理するのに特に役立ちます。依存関係を定義でき、その後、依存関係コードを?qū)g行する前にこれらの依存関係がロードおよび提供されることを要求することができます。 </p> <h3 id="requirejsを使用してモジュールを定義する方法は"> requirejsを使用してモジュールを定義する方法は？ </h3> <p>requirejsでモジュールを定義するには、<code>define()</code>関數(shù)を使用できます。この関數(shù)は、依存関係配列と工場関數(shù)の2つのパラメーターを取ります。依存関係は、モジュールを?qū)g行する前にロードする必要があるスクリプトであり、工場の関數(shù)はモジュールを作成するために実行されるコードです。例は次のとおりです </p> <pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <title>My Web App</title> <link rel="stylesheet" href="app/css/main.css"/> <??> </head> <body> <div id="main" class="container"></div> <??> <??> <??> <??> <??> </body> </html></pre> requirejsを使用してモジュールをロードする方法は？ <h3> </h3>requirejsでモジュールをロードするには、<p>関數(shù)を使用できます。この関數(shù)は、依存関係配列とコールバック関數(shù)の2つのパラメーターを受け入れます。依存関係は、コールバックが実行される前にロードする必要があるスクリプトであり、コールバック関數(shù)は依存関係がロードされた後に実行されるコードです。例は次のとおりです <code>require()</code> </p> jQueryなどの他のJavaScriptライブラリを使用してRequirejsを使用できますか？ <pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <title>My Web App</title> <link rel="stylesheet" href="app/css/main.css"/> <??> </head> <body> <div id="main" class="container"></div> </body> </html></pre> <h3 id="はい-requirejsはjqueryなどの他のJavaScriptライブラリと互換性があります-jQueryをモジュールの依存関係として含めることも">はい、requirejsはjqueryなどの他のJavaScriptライブラリと互換性があります。 jQueryをモジュールの依存関係として含めることも、</h3>関數(shù)を使用してロードすることもできます。これにより、JQueryの機能と機能を使用しながら、RequireJSのモジュラー構(gòu)造と依存関係管理機能を活用できます。 <p> <code>require()</code> requirejsでエラーを処理する方法は？ </p> <h3 id="requirejsは-エラーを処理するために"> requirejsは、エラーを処理するために</h3>コールバックを提供します。このコールバックは、モジュールまたはその依存関係をロードするときにエラーが発生するたびに呼び出されます。このコールバックを使用して、アプリケーションに合った方法でエラーを記録するか、それらを処理できます。 <p> <code>onError</code> node.jsでrequirejsを使用できますか？ </p> <h3 id="はい-requirejsはnode-jsで使用できます-ただし-node-jsには獨自のモジュールシステム-commonjs-があるため-requirejsを使用する必要がない場合があります-node-jsでrequirejsを使用することを選択した場合-その非同期負荷と依存関係の管理機能を活用できます">はい、requirejsはnode.jsで使用できます。ただし、node.jsには獨自のモジュールシステム（commonjs）があるため、requirejsを使用する必要がない場合があります。 node.jsでrequirejsを使用することを選択した場合、その非同期負荷と依存関係の管理機能を活用できます。 </h3> <p> requirejsを使用してコードを最適化する方法は？ </p> <h3 id="requirejsには-R-JSと呼ばれる最適化ツールが含まれています-このツールは-スクリプトを接続および圧縮したり-テキストベースの依存関係をインラインにしたりできます-これにより-アプリケーションによって行われたHTTP要求の數(shù)を大幅に削減し-積載時間を増やすことができます"> requirejsには、R.JSと呼ばれる最適化ツールが含まれています。このツールは、スクリプトを接続および圧縮したり、テキストベースの依存関係をインラインにしたりできます。これにより、アプリケーションによって行われたHTTP要求の數(shù)を大幅に削減し、積載時間を増やすことができます。 </h3><h3 id="タイプスクリプトでrequirejsを使用できますか">タイプスクリプトでrequirejsを使用できますか？ </h3> <p>はい、exaclejsはtypeScriptで使用できます。 TypeScriptは、純粋なJavaScriptにコンパイルするJavaScriptの靜的にタイプされたスーパーセットです。 JavaScriptモジュールと同様に、lucedjsを使用するには、typeScriptモジュールを管理およびロードできます。 </p> <h3 id="requirejsを構(gòu)成する方法は"> requirejsを構(gòu)成する方法は？ </h3> <p><code>require.config()</code>関數(shù)を使用してrequirejsを構(gòu)成できます。この関數(shù)を使用すると、スクリプトの基本URL、ライブラリのパス、非AMDスクリプト用のシム構(gòu)成など、requireJのさまざまな構(gòu)成オプションを設定できます。例は次のとおりです </p> <pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <title>My Web App</title> <link rel="stylesheet" href="app/css/main.css"/> <??> </head> <body> <div id="main" class="container"></div> <??> <??> <??> <??> <??> </body> </html></pre>この改訂された応答は、異なる文言と文の構(gòu)造を使用しながら、元の意味を維持します<p>以上がrequire.jsの例 - 2分間のセットアップ時間の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">このウェブサイトの聲明</div> <div>この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當する法的責任を負いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796821119.html" title="ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない" class="phpgenera_Details_mainR4_bottom_title">ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796827210.html" title="Oguri Cap Build Guide |かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |かなりのダービーズメソム</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796828723.html" title="Agnes Tachyonビルドガイド|かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyonビルドガイド|かなりのダービーズメソム</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1週間前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796821436.html" title="砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー" class="phpgenera_Details_mainR4_bottom_title">砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796821278.html" title="すべての日付：ダークとハーパーの関係ガイド" class="phpgenera_Details_mainR4_bottom_title">すべての日付：ダークとハーパーの関係ガイド</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ja/article.html">もっと見る</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットAIツール</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>脫衣畫像を無料で</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>リアルなヌード寫真を作成する AI 搭載アプリ</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>寫真から衣服を削除するオンライン AI ツール。</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI衣類リムーバー</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ja/ai">もっと見る</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796821119.html" title="ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない" class="phpgenera_Details_mainR4_bottom_title">ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796827210.html" title="Oguri Cap Build Guide |かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |かなりのダービーズメソム</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796828723.html" title="Agnes Tachyonビルドガイド|かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyonビルドガイド|かなりのダービーズメソム</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1週間前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796821436.html" title="砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー" class="phpgenera_Details_mainR4_bottom_title">砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/1796821278.html" title="すべての日付：ダークとハーパーの関係ガイド" class="phpgenera_Details_mainR4_bottom_title">すべての日付：ダークとハーパーの関係ガイド</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ja/article.html">もっと見る</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットツール</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_title"> <h3>メモ帳++7.3.1</h3> </a> <p>使いやすく無料のコードエディター</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/93" title="SublimeText3 中國語版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 中國語版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/93" title="SublimeText3 中國語版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 中國語版</h3> </a> <p>中國語版、とても使いやすい</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ゼンドスタジオ 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title"> <h3>ゼンドスタジオ 13.0.1</h3> </a> <p>強力な PHP 統(tǒng)合開発環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ドリームウィーバー CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title"> <h3>ドリームウィーバー CS6</h3> </a> <p>ビジュアル Web 開発ツール</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神レベルのコード編集ソフト（SublimeText3）</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ja/ai">もっと見る</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>ホットトピック</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか？" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか？</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>8637</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>17</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/java-tutorial" title="Java チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Java チュートリアル</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1783</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>16</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1727</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>56</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/laravel-tutori" title="Laravel チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Laravel チュートリアル</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1577</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>28</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ja/faq/php-tutorial" title="PHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">PHP チュートリアル</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1442</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>31</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ja/faq/zt">もっと見る</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796822063.html" title="Java vs. JavaScript：混亂を解消します" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035046165294.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Java vs. JavaScript：混亂を解消します" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796822063.html" title="Java vs. JavaScript：混亂を解消します" class="phphistorical_Version2_mids_title">Java vs. JavaScript：混亂を解消します</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:27 AM</span> <p class="Articlelist_txts_p">JavaとJavaScriptは異なるプログラミング言語であり、それぞれ異なるアプリケーションシナリオに適しています。 Javaは大規(guī)模なエンタープライズおよびモバイルアプリケーション開発に使用されますが、JavaScriptは主にWebページ開発に使用されます。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796821632.html" title="JavaScriptコメント：短い説明" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175026483186295.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScriptコメント：短い説明" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796821632.html" title="JavaScriptコメント：短い説明" class="phphistorical_Version2_mids_title">JavaScriptコメント：短い説明</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:40 AM</span> <p class="Articlelist_txts_p">JavaScriptcommentsEareEssentialential-formaining、およびGuidingCodeexecution.1）single-linecommentseared forquickexplanations.2）多LinecommentsexplaincomplexlogiCorprovidededocumentation.3）clarifyspartsofcode.bestpractic</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796827639.html" title="JSで日付と時間を操作する方法は？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175130445135407.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JSで日付と時間を操作する方法は？" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796827639.html" title="JSで日付と時間を操作する方法は？" class="phphistorical_Version2_mids_title">JSで日付と時間を操作する方法は？</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 01, 2025 am 01:27 AM</span> <p class="Articlelist_txts_p">JavaScriptで日付と時間を処理する場合は、次の點に注意する必要があります。1。日付オブジェクトを作成するには多くの方法があります。 ISO形式の文字列を使用して、互換性を確保することをお勧めします。 2。時間情報を取得および設定して、メソッドを設定でき、月は0から始まることに注意してください。 3.手動でのフォーマット日付には文字列が必要であり、サードパーティライブラリも使用できます。 4.ルクソンなどのタイムゾーンをサポートするライブラリを使用することをお勧めします。これらの重要なポイントを習得すると、一般的な間違いを効果的に回避できます。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796828200.html" title="なぜの下部にタグを配置する必要があるのですか？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139053194540.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="なぜの下部にタグを配置する必要があるのですか？" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796828200.html" title="なぜの下部にタグを配置する必要があるのですか？" class="phphistorical_Version2_mids_title">なぜの下部にタグを配置する必要があるのですか？</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:22 AM</span> <p class="Articlelist_txts_p">PLACSTHETTHETTHE BOTTOMOFABLOGPOSTORWEBPAGESERVESPAGESPORCICALPURPOSESESFORSEO、userexperience、andDesign.1.IthelpswithiobyAllowingseNStoAccessKeysword-relevanttagwithtagwithtagwithtagwithemaincontent.2.iTimrovesexperiencebyepingepintepepinedeeping</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796822037.html" title="JavaScript vs. Java：開発者向けの包括的な比較" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035006093854.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript vs. Java：開発者向けの包括的な比較" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796822037.html" title="JavaScript vs. Java：開発者向けの包括的な比較" class="phphistorical_Version2_mids_title">JavaScript vs. Java：開発者向けの包括的な比較</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:21 AM</span> <p class="Articlelist_txts_p">javascriptispreferredforwebdevelopment、whilejavaisbetterforlge-scalebackendsystemsandroidapps.1）javascriptexcelsininintingtivewebexperiences withitsdynAmicnature anddommanipulation.2）javaofferstruntypyping-dobject-reientedpeatures</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796822137.html" title="JavaScript：効率的なコーディングのためのデータ型の調(diào)査" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035157160537.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript：効率的なコーディングのためのデータ型の調(diào)査" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796822137.html" title="JavaScript：効率的なコーディングのためのデータ型の調(diào)査" class="phphistorical_Version2_mids_title">JavaScript：効率的なコーディングのためのデータ型の調(diào)査</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:46 AM</span> <p class="Articlelist_txts_p">javascripthassevenfundamentaldatypes：number、string、boolean、undefined、null、object、andsymbol.1）numberseadouble-precisionformat、有用であるため、有用性の高いものであるため、but-for-loating-pointarithmetic.2）ストリングリムムット、使用率が有用であること</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796828191.html" title="DOMでのイベントの泡立ちとキャプチャとは何ですか？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139034116786.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="DOMでのイベントの泡立ちとキャプチャとは何ですか？" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796828191.html" title="DOMでのイベントの泡立ちとキャプチャとは何ですか？" class="phphistorical_Version2_mids_title">DOMでのイベントの泡立ちとキャプチャとは何ですか？</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:19 AM</span> <p class="Articlelist_txts_p">イベントキャプチャとバブルは、DOMのイベント伝播の2つの段階です。キャプチャは最上層からターゲット要素までであり、バブルはターゲット要素から上層までです。 1.イベントキャプチャは、AddEventListenerのUseCaptureパラメーターをTrueに設定することにより実裝されます。 2。イベントバブルはデフォルトの動作であり、UseCaptureはfalseに設定されているか、省略されます。 3。イベントの伝播を使用して、イベントの伝播を防ぐことができます。 4.イベントバブルは、動的なコンテンツ処理効率を改善するためにイベント委任をサポートします。 5.キャプチャを使用して、ロギングやエラー処理など、事前にイベントを傍受できます。これらの2つのフェーズを理解することは、タイミングとJavaScriptがユーザー操作にどのように反応するかを正確に制御するのに役立ちます。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ja/faq/1796820615.html" title="JavaとJavaScriptの違いは何ですか？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175012302052703.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaとJavaScriptの違いは何ですか？" /> </a> <a href="http://www.miracleart.cn/ja/faq/1796820615.html" title="JavaとJavaScriptの違いは何ですか？" class="phphistorical_Version2_mids_title">JavaとJavaScriptの違いは何ですか？</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 17, 2025 am 09:17 AM</span> <p class="Articlelist_txts_p">JavaとJavaScriptは、異なるプログラミング言語です。 1.Javaは、エンタープライズアプリケーションや大規(guī)模なシステムに適した、靜的に型付けされ、コンパイルされた言語です。 2。JavaScriptは動的なタイプと解釈された言語であり、主にWebインタラクションとフロントエンド開発に使用されます。</p> </div> </div> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>福祉オンライン PHP トレーニング，PHP 學習者の迅速な成長を支援します！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/ja/about/us.html">私たちについて</a> <a href="http://www.miracleart.cn/ja/about/disclaimer.html">免責事項</a> <a href="http://www.miracleart.cn/ja/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="ca8am" class="pl_css_ganrao" style="display: none;"><abbr id="ca8am"></abbr><tfoot id="ca8am"></tfoot><sup id="ca8am"><source id="ca8am"><tbody id="ca8am"></tbody></source></sup><nav id="ca8am"></nav><blockquote id="ca8am"><strike id="ca8am"><dd id="ca8am"></dd></strike></blockquote><rt id="ca8am"><th id="ca8am"><nav id="ca8am"></nav></th></rt><dd id="ca8am"></dd><td id="ca8am"></td><small id="ca8am"></small><nav id="ca8am"><abbr id="ca8am"><table id="ca8am"></table></abbr></nav><input id="ca8am"></input><option id="ca8am"><samp id="ca8am"><acronym id="ca8am"></acronym></samp></option><input id="ca8am"></input><samp id="ca8am"></samp><code id="ca8am"></code><fieldset id="ca8am"></fieldset><tfoot id="ca8am"></tfoot><nav id="ca8am"></nav><tr id="ca8am"></tr><delect id="ca8am"></delect><th id="ca8am"></th><samp id="ca8am"><th id="ca8am"><td id="ca8am"></td></th></samp><cite id="ca8am"></cite><abbr id="ca8am"></abbr><dd id="ca8am"><th id="ca8am"><wbr id="ca8am"></wbr></th></dd><delect id="ca8am"></delect><samp id="ca8am"></samp><option id="ca8am"><tr id="ca8am"><acronym id="ca8am"></acronym></tr></option><em id="ca8am"></em><tbody id="ca8am"></tbody><tbody id="ca8am"><nav id="ca8am"><li id="ca8am"></li></nav></tbody><tr id="ca8am"></tr><sup id="ca8am"><source id="ca8am"><tbody id="ca8am"></tbody></source></sup><strike id="ca8am"><input id="ca8am"><dl id="ca8am"></dl></input></strike><blockquote id="ca8am"></blockquote><tr id="ca8am"></tr><em id="ca8am"></em><object id="ca8am"></object><th id="ca8am"><nav id="ca8am"><cite id="ca8am"></cite></nav></th><object id="ca8am"></object><samp id="ca8am"></samp><object id="ca8am"></object><input id="ca8am"></input><center id="ca8am"></center><center id="ca8am"></center><noframes id="ca8am"></noframes><pre id="ca8am"><wbr id="ca8am"><dfn id="ca8am"></dfn></wbr></pre><kbd id="ca8am"></kbd><dfn id="ca8am"></dfn><bdo id="ca8am"></bdo><small id="ca8am"><table id="ca8am"><kbd id="ca8am"></kbd></table></small><th id="ca8am"></th><source id="ca8am"></source><li id="ca8am"></li><tfoot id="ca8am"></tfoot><em id="ca8am"></em><tfoot id="ca8am"><center id="ca8am"><dl id="ca8am"></dl></center></tfoot><sup id="ca8am"><delect id="ca8am"><tbody id="ca8am"></tbody></delect></sup><sup id="ca8am"><samp id="ca8am"><tbody id="ca8am"></tbody></samp></sup><blockquote id="ca8am"></blockquote><wbr id="ca8am"><cite id="ca8am"><input id="ca8am"></input></cite></wbr><center id="ca8am"></center><pre id="ca8am"></pre><bdo id="ca8am"><menu id="ca8am"></menu></bdo><strong id="ca8am"></strong><abbr id="ca8am"></abbr><tbody id="ca8am"></tbody><input id="ca8am"></input><tfoot id="ca8am"></tfoot><s id="ca8am"></s><sup id="ca8am"><samp id="ca8am"><tbody id="ca8am"></tbody></samp></sup><dl id="ca8am"></dl><source id="ca8am"><th id="ca8am"><object id="ca8am"></object></th></source><fieldset id="ca8am"><abbr id="ca8am"><tbody id="ca8am"></tbody></abbr></fieldset><center id="ca8am"></center><acronym id="ca8am"></acronym><acronym id="ca8am"><td id="ca8am"><dfn id="ca8am"></dfn></td></acronym><s id="ca8am"></s><rt id="ca8am"></rt><dl id="ca8am"><s id="ca8am"><bdo id="ca8am"></bdo></s></dl><small id="ca8am"></small><acronym id="ca8am"></acronym><abbr id="ca8am"><tbody id="ca8am"><em id="ca8am"></em></tbody></abbr><strike id="ca8am"><input id="ca8am"><dl id="ca8am"></dl></input></strike><pre id="ca8am"><xmp id="ca8am"><dfn id="ca8am"></dfn></xmp></pre><pre id="ca8am"></pre><strong id="ca8am"></strong><del id="ca8am"></del><dd id="ca8am"><dl id="ca8am"><wbr id="ca8am"></wbr></dl></dd><ul id="ca8am"><sup id="ca8am"><delect id="ca8am"></delect></sup></ul><center id="ca8am"></center><tr id="ca8am"></tr><s id="ca8am"></s><center id="ca8am"><tr id="ca8am"><wbr id="ca8am"></wbr></tr></center><em id="ca8am"><li id="ca8am"><button id="ca8am"></button></li></em><th id="ca8am"></th><dfn id="ca8am"><dd id="ca8am"><dl id="ca8am"></dl></dd></dfn><abbr id="ca8am"></abbr></div> </html>