<em id="4ei90"><button id="4ei90"></button></em>
      \n
      <\/div>\n
      <\/div>\n \n \n<\/body>\n<\/html><\/pre>\n

      ご覧のとおり、このコードはCDNを使用してCSSとJavaScriptファイルを含めます。したがって、リンクを更新して、以前にダウンロードしたファイルを含める必要があります。マークには、いくつかの

      <\/code>が配置されているのがわかります。最初のものには、そのIDとしてQunitがあり、フレームワークで使用されているユーザーインターフェイスを表示し、テスト結(jié)果が表示されます。 IDがqunit-fixtureである2番目の
      <\/code>は、(開発者)が使用する必要があります。この要素により、開発者は、各テストの後にDOMのクリーンアップを心配することなく、DOMから要素を追加、編集、または削除するコードをテストできます。このコードによって作成された要素をこの
      <\/code>に配置すると、Qunitがリセットを処理します。最後に、テストを含むファイルを表すtests.jsファイルを含めます。私のアドバイスは、実際のプロジェクトを操作するときにファイルを使用してテストを保存することです。このチュートリアル用に作成したライブデモでは、JSBINを使用しましたが、ファイルのアップロードを許可しませんでした。したがって、デモでは、テストコードに巻き込まれたことがわかります。各セクションにタグを付けることの意味を理解したので、ブラウザのindex.htmlページを開いて、何が起こるかを確認(rèn)します。すべてがうまくいけば、以下に示すようにライブデモインターフェイスが表示されます。これはJSBIN:QUNITの例としても提供されます。この段階では、當(dāng)社に関連するこのインターフェイスの唯一の部分は、Qunitがテストの処理に費(fèi)やす時(shí)間、定義されたアサーションの數(shù)、および合格して失敗したテストの數(shù)を示す部分です。上記のデモは、テストを定義していないことを示しています。この問題を解決しましょう。 <\/p>\n

      qunit <\/strong><\/p>を使用してテストを作成する方法\n

      Qunitは、新しいテストを作成する2つの方法を提供します:QUnit.test()<\/code>とQUnit.asyncTest()<\/code>。最初のものはコードを同期してテストするために使用され、2番目のものは非同期コードをテストするために使用されます。このセクションでは、同期コードのテストを作成する方法について説明します。 QUnit.test()<\/code>メソッドの署名は次のとおりです。\n<\/p>\n

      QUnit.test(name, testFunction)<\/pre>最初のパラメーター

      は、作成されたテストを識(shí)別するのに役立つ文字列です。 2番目のパラメーターname<\/code>は、フレームワークが実行するアサーションを含む関數(shù)です。フレームワークは、すべてのQunitのアサーション方法を公開するこの関數(shù)にパラメーターを渡します。この説明をコードに変換すると、次のコードでtests.jsファイルを更新できます。\ntestFunction<\/code>\n<\/p>このコードは、文字列「私の最初のテスト」と空のボディを持つ関數(shù)によって識(shí)別された新しいテストを作成します。アサーションなしでテストを追加するのは役に立ちません。この問題を解決するには、Qunitで利用可能なアサーション方法を?qū)Wぶ必要があります。

      QUnit.test('我的第一個(gè)測(cè)試', function(assert) {\n   \/\/ 斷言在這里...\n});<\/pre>\n

      <\/p>qunitのアサーション方法

      \n<\/strong>アサーションはソフトウェアテストの中心にあります。彼らは、私たちのコードが期待どおりに機(jī)能することを確認(rèn)することができます。 Qunitには、これらの期待を検証する多くの方法があります。テストでは、<\/p>メソッドに渡された関數(shù)のパラメーターによってアクセスできます(前の例では

      )。次のリストは、利用可能な方法とその機(jī)能と署名を要約しています。

        \n
      • deepEqual(value, expected[, message])<\/code>:すべてのJavaScriptタイプで機(jī)能する再帰的な厳格な比較。 value<\/code>とexpected<\/code>は、プロパティと値の點(diǎn)で同じであり、同じプロトタイプを持っている場(chǎng)合、<\/li>\n
      • equal(value, expected[, message])<\/code>:value<\/code>は、非厳密な比較(==)検証を使用して提供されるパラメーターに等しくなります。 expected<\/code>\n<\/li>
      • notDeepEqual(value, expected[, message])<\/code>と同じですが、不平等をテストします\ndeepEqual()<\/code> <\/li>:
      • と同じですが、不平等をテストします\nnotEqual(value, expected[, message])<\/code>equal()<\/code>:オブジェクトのプロパティと値の厳密な比較。すべての屬性と値が同じ場(chǎng)合、アサーションが渡されます\n<\/li>
      • :厳密な比較(===)検証を使用して、propEqual(value, expected[, message])<\/code>に等しいパラメーターを提供します\n<\/li>
      • strictEqual(value, expected[, message])<\/code>と同じですが、不平等をテストします\nvalue<\/code> expected<\/code>:<\/li>と同じですが、不平等をテストします\n
      • notPropEqual(value, expected[, message])<\/code>:最初のパラメーターが真の値である場(chǎng)合、アサーションが渡されます\npropEqual()<\/code><\/li>:コールバックが例外をスローし、オプションでスローされたエラーを比較するかどうかをテストします\n
      • \nnotStrictEqual(value, expected[, message])<\/code>これらの方法で受け入れられたパラメーターは次のとおりです。\nstrictEqual()<\/code>\n<\/li>
      • :検証する必要がある変數(shù)に保存されている値によって返される値\nok(value[, message])<\/code><\/li>:テストする値。
      • メソッドの場(chǎng)合、これはthrows(function[, expected][, message])<\/code>です\n<\/li><\/ul>:アサーションを説明するオプションの文字列\(zhòng)n

        <\/p>:実行する関數(shù)はエラーを返します\n

          \n
        • 利用可能な方法とパラメーターを理解したので、今度はコードをチェックする時(shí)が來ました。単一の関數(shù)の複數(shù)のテストを作成する代わりに、より現(xiàn)実的な例を再現(xiàn)しようとします。とにかく、私が示すテストは、完全なテストスイートと見なされるべきではありませんが、どこから始めればよいかという特定のアイデアを提供する必要があります。上記のテストを作成するには、テストするコードを定義する必要があります。この場(chǎng)合、私はこのような文字通りのオブジェクトを定義します:value<\/code>
          \n\n\n  \n  QUnit Example<\/title>\n  <link rel=\"stylesheet\" href=\"qunit-1.14.0.css\">\n<\/head>\n<body>
          <h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n  <div   class="377j5v51b"   id=\"qunit\"><\/div>\n  <div   class="377j5v51b"   id=\"qunit-fixture\"><\/div>\n  <??>\n  <??>\n<\/body>\n<\/html><\/pre>\nご覧のとおり、3つの関數(shù)を持つオブジェクトリテラルを定義します。最初のものは任意の數(shù)のパラメーターを受け入れ、最大値を返します。 <p>數(shù)字をパラメーターとして取得し、奇數(shù)の場(chǎng)合はテストします。 <code>max()<\/code>オブジェクトの配列を受け入れます。理想的には、Timestampという名前の屬性があるはずで、この屬性の値に従ってソートする必要があります。これらの関數(shù)の可能なテストセットは次のとおりです。(単語の制限が超えられているため、ここでは長(zhǎng)いテストコードの例は省略されていますが、原則は前の説明と一致しています)<code>isOdd()<\/code>\n<code>sortObj()<\/code><code>isOdd()<\/code>期待の設(shè)定<code>sortObj()<\/code> <\/p>\n<p>テストを作成するとき、ベストプラクティスは、実行すると予想されるアサーションの數(shù)を設(shè)定することです。そうすることで、1つ以上のアサーションが実行されない場(chǎng)合、テストは失敗します。 Qunitフレームワークは、この目的のためのA<strong>メソッドを提供します。この方法は、非同期コードを扱うときに特に役立ちますが、同期関數(shù)をテストするときに使用することをお?jiǎng)幛幛筏蓼埂?<\/strong>メソッドの署名は次のとおりです。\n<\/p>\n<p>ここで、<code>expect()<\/code>パラメーターは、予想されるアサーションの數(shù)を指定します。 (単語の制限を超えているため、テストコードの更新の例もここでは省略されていますが、原則は前の説明と一致しています)<code>expect()<\/code>\n<\/p><pre class='brush:php;toolbar:false;'>QUnit.test(name, testFunction)<\/pre>qunitはじめに結(jié)論<p> <code>assertionsNumber<\/code>\nこのチュートリアルでは、テストの魔法の世界、特にQunitを使用してJavaScriptコードをユニットテストする方法を紹介します。 Qunitフレームワークをセットアップするのがどれほど簡(jiǎn)単か、同期関數(shù)をテストするためにどのような方法が提供されるかを見てきました。さらに、コードをテストするためのフレームワークによって提供される一連のアサーション関數(shù)も學(xué)習(xí)しました。最後に、実行されると予想されるアサーションの數(shù)を設(shè)定することの重要性と、<\/p>メソッドを使用してそれらを設(shè)定する方法について言及しました。この投稿を楽しんだことを願(yuàn)っています。Qunitをプロジェクトに統(tǒng)合することを検討してください。 (単語の制限を超えているため、FAQの部分はここでは省略されています)<p><\/p>"}	</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://m.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://m.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a>
                                      <a href="http://m.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a>
                                      <a href="http://m.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a>
                                  </div>
                              </div>
                          </div>
          
                          <div   id="377j5v51b"   class="head_navs">
                              <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a>
                              <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                                  <div   id="377j5v51b"   class="languagechoose">
                                      <a href="http://m.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a>
                                      <a href="http://m.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://m.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a>
                                      <a href="http://m.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a>
                                      <a href="http://m.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a>
                                      <a href="http://m.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a>
                                      <a href="http://m.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a>
                                      <a href="http://m.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a>
                                  </div>
                              </div>
                          </div>
          
                          <div   id="377j5v51b"   class="head_navs">
                              <a href="http://m.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://m.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a>
                                      <a href="http://m.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="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</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_main1M">
          					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
          						<a href="http://m.miracleart.cn/ja/" title="ホームページ"
          							class="phpgenera_Details_mainL1a">ホームページ</a>
          						<img src="/static/imghw/top_right.png" alt="" />
          												<a href="http://m.miracleart.cn/ja/web-designer.html"
          							class="phpgenera_Details_mainL1a">ウェブフロントエンド</a>
          						<img src="/static/imghw/top_right.png" alt="" />
          												<a href="http://m.miracleart.cn/ja/js-tutorial.html"
          							class="phpgenera_Details_mainL1a">jsチュートリアル</a>
          						<img src="/static/imghw/top_right.png" alt="" />
          						<span>Qunitを始めましょう</span>
          					</div>
          					
          					<div   id="377j5v51b"   class="Articlelist_txts">
          						<div   id="377j5v51b"   class="Articlelist_txts_info">
          							<h1 class="Articlelist_txts_title">Qunitを始めましょう</h1>
          							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
          								<div   id="377j5v51b"   class="author_info">
          									<a href="http://m.miracleart.cn/ja/member/1468494.html"  class="author_avatar">
          									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/001/66ea812815a39919.png" src="/static/imghw/default1.png" alt="Jennifer Aniston">
          									</a>
          									<div   id="377j5v51b"   class="author_detail">
          																			<a href="http://m.miracleart.cn/ja/member/1468494.html" class="author_name">Jennifer Aniston</a>
                                          										</div>
          								</div>
                          			</div>
          							<span id="377j5v51b"    class="Articlelist_txts_time">Feb 21, 2025 pm	 12:12 PM</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> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174011113685793.jpg" class="lazy" alt="Getting Started with QUnit "></p>
          <p>ソフトウェアテストは、予想される出力と特定の入力セットの実際の出力の違いを検出するソフトウェアを評(píng)価するプロセスです。テスト、特にユニットテストは、すべての開発者の生活の重要な部分でなければなりません。殘念ながら、多くの開発者は活動(dòng)を恐れているようです。 JavaScriptでは、多くのフレームワークからコードベースをテストすることができます。たとえば、Mocha、Selenium、およびQunit。この記事では、Qunitを紹介します。 Qunitは、JQueryチームによって開発および維持された単體テストフレームワークであり、JQueryやJQuery UIなどのプロジェクトにも背後にあります。 </p>
          <p><strong>キーポイント</strong></p>
          <ul>
          <li> QunitはjQueryチームによって開発および維持されており、使いやすさとセットアップのシンプルさのために人気のJavaScriptユニットテストフレームワークです。 </li>
          <li>Qunitを開始するには、Qunit WebサイトからJavaScriptおよびCSSファイルの最新バージョンをダウンロードし、HTMLファイルに含めてください。 </li>
          <li> Qunitは、同期コードの場(chǎng)合は<code>QUnit.test()</code>、非同期コードの新しいテストを作成する2つの方法を提供します。これらのテストには、コードが期待どおりに機(jī)能することを確認(rèn)するアサーションが含まれています。 <code>QUnit.asyncTest()</code>
          </li>Qunitは、<li>、<code>deepEqual()</code>、<code>equal()</code>、<code>notDeepEqual()</code>、<code>notEqual()</code>、<code>propEqual()</code>、<code>strictEqual()</code>、<code>notPropEqual()</code>、<code>notStrictEqual()</code>、<code>ok()</code>、<code>throws()</code>、</li>などのさまざまなアサーション方法を提供します。 、<li>、<code>expect()</code>、</li>、</ul>。各方法には特定の目的があり、特定のパラメーターを受け入れます。 <p>
          <strong> Qunitでテストを作成する場(chǎng)合、ベストプラクティスは、</strong>メソッドを使用して実行されるアサーションの數(shù)を設(shè)定することです。これにより、すべてのアサーションが実行され、1つ以上のアサーションが実行されない場(chǎng)合、テストが失敗します。 </p>
          <p>
          </p>
          設(shè)定qunit 
          多くの開発者がQunitを使用する主な理由の1つは、使いやすさです。このフレームワークを始めることは非常に簡(jiǎn)単で、數(shù)時(shí)間でメインの概念をマスターできます。 Qunitを使用する最初のステップは、明らかにダウンロードすることから始めることです。これを行うには、いくつかの方法があります。ウェブサイトから手動(dòng)でダウンロードしたり、CDNを使用したり、Bowerを使用したり、NPMを使用したりします。私のアドバイスは、シンプルなライブデモを開発していない限り、コードをテストするためにCDNに頼ってはいけないということです。したがって、他のオプションに固執(zhí)します。この記事では、前提條件(BowerとNPMを読む)を設(shè)定したくないので、最初のアプローチを取ります。したがって、QunitのWebサイトにアクセスして、JavaScriptファイル(Qunit-1.14.0.jsという名前)とCSSファイル(Qunit-1.14.0.cssという名前)の最新バージョンをダウンロードします。それらをindex.htmlも作成するフォルダーに入れます。このファイルでは、Webサイトのホームページに表示されるHTMLコードを配置します。便利なため、以下に繰り返します。 <pre class='brush:php;toolbar:false;'><!DOCTYPE html>
          <html>
          <head>
            <meta charset="utf-8">
            <title>QUnit Example</title>
            <link rel="stylesheet" href="qunit-1.14.0.css">
          </head>
          <body>
            <div id="qunit"></div>
            <div id="qunit-fixture"></div>
            <??>
            <??>
          </body>
          </html></pre>
          <p>ご覧のとおり、このコードはCDNを使用してCSSとJavaScriptファイルを含めます。したがって、リンクを更新して、以前にダウンロードしたファイルを含める必要があります。マークには、いくつかの<code><div></code>が配置されているのがわかります。最初のものには、そのIDとしてQunitがあり、フレームワークで使用されているユーザーインターフェイスを表示し、テスト結(jié)果が表示されます。 IDがqunit-fixtureである2番目の<code><div></code>は、(開発者)が使用する必要があります。この要素により、開発者は、各テストの後にDOMのクリーンアップを心配することなく、DOMから要素を追加、編集、または削除するコードをテストできます。このコードによって作成された要素をこの<code><div></code>に配置すると、Qunitがリセットを処理します。最後に、テストを含むファイルを表すtests.jsファイルを含めます。私のアドバイスは、実際のプロジェクトを操作するときにファイルを使用してテストを保存することです。このチュートリアル用に作成したライブデモでは、JSBINを使用しましたが、ファイルのアップロードを許可しませんでした。したがって、デモでは、テストコードに巻き込まれたことがわかります。各セクションにタグを付けることの意味を理解したので、ブラウザのindex.htmlページを開いて、何が起こるかを確認(rèn)します。すべてがうまくいけば、以下に示すようにライブデモインターフェイスが表示されます。これはJSBIN:QUNITの例としても提供されます。この段階では、當(dāng)社に関連するこのインターフェイスの唯一の部分は、Qunitがテストの処理に費(fèi)やす時(shí)間、定義されたアサーションの數(shù)、および合格して失敗したテストの數(shù)を示す部分です。上記のデモは、テストを定義していないことを示しています。この問題を解決しましょう。 </p>
          <p><strong>qunit </strong></p>を使用してテストを作成する方法
          <p> Qunitは、新しいテストを作成する2つの方法を提供します:<code>QUnit.test()</code>と<code>QUnit.asyncTest()</code>。最初のものはコードを同期してテストするために使用され、2番目のものは非同期コードをテストするために使用されます。このセクションでは、同期コードのテストを作成する方法について説明します。 <code>QUnit.test()</code>メソッドの署名は次のとおりです。
          </p>
          <pre class='brush:php;toolbar:false;'>QUnit.test(name, testFunction)</pre>最初のパラメーター<p>は、作成されたテストを識(shí)別するのに役立つ文字列です。 2番目のパラメーター<code>name</code>は、フレームワークが実行するアサーションを含む関數(shù)です。フレームワークは、すべてのQunitのアサーション方法を公開するこの関數(shù)にパラメーターを渡します。この説明をコードに変換すると、次のコードでtests.jsファイルを更新できます。
          <code>testFunction</code>
          </p>このコードは、文字列「私の最初のテスト」と空のボディを持つ関數(shù)によって識(shí)別された新しいテストを作成します。アサーションなしでテストを追加するのは役に立ちません。この問題を解決するには、Qunitで利用可能なアサーション方法を?qū)Wぶ必要があります。 <pre class='brush:php;toolbar:false;'>QUnit.test('我的第一個(gè)測(cè)試', function(assert) {
             // 斷言在這里...
          });</pre>
          <p></p>qunitのアサーション方法<p> <strong>
          </strong>アサーションはソフトウェアテストの中心にあります。彼らは、私たちのコードが期待どおりに機(jī)能することを確認(rèn)することができます。 Qunitには、これらの期待を検証する多くの方法があります。テストでは、</p>メソッドに渡された関數(shù)のパラメーターによってアクセスできます(前の例では<p>)。次のリストは、利用可能な方法とその機(jī)能と署名を要約しています。<ul>
          <li><code>deepEqual(value, expected[, message])</code>:すべてのJavaScriptタイプで機(jī)能する再帰的な厳格な比較。 <code>value</code>と<code>expected</code>は、プロパティと値の點(diǎn)で同じであり、同じプロトタイプを持っている場(chǎng)合、</li>
          <li><code>equal(value, expected[, message])</code>:<code>value</code>は、非厳密な比較(==)検証を使用して提供されるパラメーターに等しくなります。 <code>expected</code>
          </li> <li>:<code>notDeepEqual(value, expected[, message])</code>と同じですが、不平等をテストします
          <code>deepEqual()</code> </li>:<li>と同じですが、不平等をテストします
          <code>notEqual(value, expected[, message])</code><code>equal()</code>:オブジェクトのプロパティと値の厳密な比較。すべての屬性と値が同じ場(chǎng)合、アサーションが渡されます
          </li><li>:厳密な比較(===)検証を使用して、<code>propEqual(value, expected[, message])</code>に等しいパラメーターを提供します
          </li> <li>:<code>strictEqual(value, expected[, message])</code>と同じですが、不平等をテストします
          <code>value</code> <code>expected</code>:</li>と同じですが、不平等をテストします
          <li><code>notPropEqual(value, expected[, message])</code>:最初のパラメーターが真の値である場(chǎng)合、アサーションが渡されます
          <code>propEqual()</code></li>:コールバックが例外をスローし、オプションでスローされたエラーを比較するかどうかをテストします
          <li>
          <code>notStrictEqual(value, expected[, message])</code>これらの方法で受け入れられたパラメーターは次のとおりです。
          <code>strictEqual()</code>
          </li><li>:検証する必要がある変數(shù)に保存されている値によって返される値
          <code>ok(value[, message])</code></li>:テストする値。 <li>メソッドの場(chǎng)合、これは<code>throws(function[, expected][, message])</code>です
          </li></ul>:アサーションを説明するオプションの文字列
          <p></p>:実行する関數(shù)はエラーを返します
          <ul>
          <li>利用可能な方法とパラメーターを理解したので、今度はコードをチェックする時(shí)が來ました。単一の関數(shù)の複數(shù)のテストを作成する代わりに、より現(xiàn)実的な例を再現(xiàn)しようとします。とにかく、私が示すテストは、完全なテストスイートと見なされるべきではありませんが、どこから始めればよいかという特定のアイデアを提供する必要があります。上記のテストを作成するには、テストするコードを定義する必要があります。この場(chǎng)合、私はこのような文字通りのオブジェクトを定義します:<code>value</code><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
          <html>
          <head>
            <meta charset="utf-8">
            <title>QUnit Example</title>
            <link rel="stylesheet" href="qunit-1.14.0.css">
          </head>
          <body>
            <div id="qunit"></div>
            <div id="qunit-fixture"></div>
            <??>
            <??>
          </body>
          </html></pre>
          ご覧のとおり、3つの関數(shù)を持つオブジェクトリテラルを定義します。最初のものは任意の數(shù)のパラメーターを受け入れ、最大値を返します。 <p>數(shù)字をパラメーターとして取得し、奇數(shù)の場(chǎng)合はテストします。 <code>max()</code>オブジェクトの配列を受け入れます。理想的には、Timestampという名前の屬性があるはずで、この屬性の値に従ってソートする必要があります。これらの関數(shù)の可能なテストセットは次のとおりです。(単語の制限が超えられているため、ここでは長(zhǎng)いテストコードの例は省略されていますが、原則は前の説明と一致しています)<code>isOdd()</code>
          <code>sortObj()</code><code>isOdd()</code>期待の設(shè)定<code>sortObj()</code> </p>
          <p>テストを作成するとき、ベストプラクティスは、実行すると予想されるアサーションの數(shù)を設(shè)定することです。そうすることで、1つ以上のアサーションが実行されない場(chǎng)合、テストは失敗します。 Qunitフレームワークは、この目的のためのA<strong>メソッドを提供します。この方法は、非同期コードを扱うときに特に役立ちますが、同期関數(shù)をテストするときに使用することをお?jiǎng)幛幛筏蓼埂?</strong>メソッドの署名は次のとおりです。
          </p>
          <p>ここで、<code>expect()</code>パラメーターは、予想されるアサーションの數(shù)を指定します。 (単語の制限を超えているため、テストコードの更新の例もここでは省略されていますが、原則は前の説明と一致しています)<code>expect()</code>
          </p><pre class='brush:php;toolbar:false;'>QUnit.test(name, testFunction)</pre>qunitはじめに結(jié)論<p> <code>assertionsNumber</code>
          このチュートリアルでは、テストの魔法の世界、特にQunitを使用してJavaScriptコードをユニットテストする方法を紹介します。 Qunitフレームワークをセットアップするのがどれほど簡(jiǎn)単か、同期関數(shù)をテストするためにどのような方法が提供されるかを見てきました。さらに、コードをテストするためのフレームワークによって提供される一連のアサーション関數(shù)も學(xué)習(xí)しました。最後に、実行されると予想されるアサーションの數(shù)を設(shè)定することの重要性と、</p>メソッドを使用してそれらを設(shè)定する方法について言及しました。この投稿を楽しんだことを願(yuàn)っています。Qunitをプロジェクトに統(tǒng)合することを検討してください。 (単語の制限を超えているため、FAQの部分はここでは省略されています)<p></p><p>以上がQunitを始めましょうの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。</p>
          
          
          						</div>
          					</div>
          					<div   id="377j5v51b"   class="wzconShengming_sp">
          						<div   id="377j5v51b"   class="bzsmdiv_sp">このウェブサイトの聲明</div>
          						<div>この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。</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://m.miracleart.cn/ja/faq/1796821119.html" title="ガイド:Stellar Blade Save Fileの場(chǎng)所/ファイルを保存する/保存しない" class="phpgenera_Details_mainR4_bottom_title">ガイド:Stellar Blade Save Fileの場(chǎng)所/ファイルを保存する/保存しない</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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.miracleart.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
          													<h3>Video Face Swap</h3>
          												</a>
          												<p>完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。</p>
          											</div>
          										</div>
          																</div>
          								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
          									<a href="http://m.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://m.miracleart.cn/ja/faq/1796821119.html" title="ガイド:Stellar Blade Save Fileの場(chǎng)所/ファイルを保存する/保存しない" class="phpgenera_Details_mainR4_bottom_title">ガイド:Stellar Blade Save Fileの場(chǎng)所/ファイルを保存する/保存しない</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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.miracleart.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title">
          													<h3>ゼンドスタジオ 13.0.1</h3>
          												</a>
          												<p>強(qiáng)力な PHP 統(tǒng)合開発環(huán)境</p>
          											</div>
          										</div>
          																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
          											<a href="http://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.miracleart.cn/ja/faq/1796827639.html" title="JSで日付と時(shí)間を操作する方法は?" 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で日付と時(shí)間を操作する方法は?" />
          								</a>
          								<a href="http://m.miracleart.cn/ja/faq/1796827639.html" title="JSで日付と時(shí)間を操作する方法は?" class="phphistorical_Version2_mids_title">JSで日付と時(shí)間を操作する方法は?</a>
          								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 01, 2025 am	 01:27 AM</span>
          								<p class="Articlelist_txts_p">JavaScriptで日付と時(shí)間を処理する場(chǎng)合は、次の點(diǎn)に注意する必要があります。1。日付オブジェクトを作成するには多くの方法があります。 ISO形式の文字列を使用して、互換性を確保することをお?jiǎng)幛幛筏蓼埂?2。時(shí)間情報(bào)を取得および設(shè)定して、メソッドを設(shè)定でき、月は0から始まることに注意してください。 3.手動(dòng)でのフォーマット日付には文字列が必要であり、サードパーティライブラリも使用できます。 4.ルクソンなどのタイムゾーンをサポートするライブラリを使用することをお?jiǎng)幛幛筏蓼?。これらの重要なポイントを?xí)得すると、一般的な間違いを効果的に回避できます。</p>
          							</div>
          														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
          								<a href="http://m.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://m.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://m.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://m.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://m.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://m.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://m.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://m.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に設(shè)定することにより実裝されます。 2。イベントバブルはデフォルトの動(dòng)作であり、UseCaptureはfalseに設(shè)定されているか、省略されます。 3。イベントの伝播を使用して、イベントの伝播を防ぐことができます。 4.イベントバブルは、動(dòng)的なコンテンツ処理効率を改善するためにイベント委任をサポートします。 5.キャプチャを使用して、ロギングやエラー処理など、事前にイベントを傍受できます。これらの2つのフェーズを理解することは、タイミングとJavaScriptがユーザー操作にどのように反応するかを正確に制御するのに役立ちます。</p>
          							</div>
          														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
          								<a href="http://m.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://m.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は動(dòng)的なタイプと解釈された言語であり、主にWebインタラクションとフロントエンド開発に使用されます。</p>
          							</div>
          													</div>
          
          													<a href="http://m.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 學(xué)習(xí)者の迅速な成長(zhǎng)を支援します!</p>
                  </div>
                  <div   id="377j5v51b"   class="footermid">
                      <a href="http://m.miracleart.cn/ja/about/us.html">私たちについて</a>
                      <a href="http://m.miracleart.cn/ja/about/disclaimer.html">免責(zé)事項(xiàng)</a>
                      <a href="http://m.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://m.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="kxuk9" class="pl_css_ganrao" style="display: none;"><form id="kxuk9"><optgroup id="kxuk9"></optgroup></form><td id="kxuk9"></td><label id="kxuk9"><th id="kxuk9"></th></label><fieldset id="kxuk9"></fieldset><strong id="kxuk9"><i id="kxuk9"><legend id="kxuk9"></legend></i></strong><u id="kxuk9"><th id="kxuk9"><nobr id="kxuk9"></nobr></th></u><div id="kxuk9"></div><cite id="kxuk9"></cite><strong id="kxuk9"><i id="kxuk9"><s id="kxuk9"></s></i></strong><nav id="kxuk9"><strong id="kxuk9"><code id="kxuk9"></code></strong></nav><dl id="kxuk9"><acronym id="kxuk9"><tfoot id="kxuk9"><progress id="kxuk9"></progress></tfoot></acronym></dl><tr id="kxuk9"><dfn id="kxuk9"></dfn></tr><p id="kxuk9"><strike id="kxuk9"><dl id="kxuk9"><address id="kxuk9"></address></dl></strike></p><dfn id="kxuk9"></dfn><strike id="kxuk9"></strike><strong id="kxuk9"><i id="kxuk9"><th id="kxuk9"></th></i></strong><div id="kxuk9"><blockquote id="kxuk9"><form id="kxuk9"><pre id="kxuk9"></pre></form></blockquote></div><th id="kxuk9"><div id="kxuk9"><source id="kxuk9"><form id="kxuk9"></form></source></div></th><thead id="kxuk9"></thead><sub id="kxuk9"><progress id="kxuk9"><meter id="kxuk9"></meter></progress></sub><i id="kxuk9"></i><menuitem id="kxuk9"><mark id="kxuk9"><font id="kxuk9"><em id="kxuk9"></em></font></mark></menuitem><i id="kxuk9"><s id="kxuk9"><rt id="kxuk9"><dl id="kxuk9"></dl></rt></s></i><ins id="kxuk9"><em id="kxuk9"><kbd id="kxuk9"></kbd></em></ins><nobr id="kxuk9"></nobr><th id="kxuk9"><nobr id="kxuk9"></nobr></th><listing id="kxuk9"><tbody id="kxuk9"><label id="kxuk9"><table id="kxuk9"></table></label></tbody></listing><abbr id="kxuk9"><table id="kxuk9"><strong id="kxuk9"><label id="kxuk9"></label></strong></table></abbr><optgroup id="kxuk9"></optgroup><em id="kxuk9"><mark id="kxuk9"><ins id="kxuk9"></ins></mark></em><span id="kxuk9"><tr id="kxuk9"><dfn id="kxuk9"><mark id="kxuk9"></mark></dfn></tr></span><strong id="kxuk9"></strong><rt id="kxuk9"><dd id="kxuk9"><form id="kxuk9"><dfn id="kxuk9"></dfn></form></dd></rt><table id="kxuk9"><optgroup id="kxuk9"><var id="kxuk9"><strong id="kxuk9"></strong></var></optgroup></table><mark id="kxuk9"></mark><nav id="kxuk9"><strong id="kxuk9"></strong></nav><dfn id="kxuk9"><rp id="kxuk9"><small id="kxuk9"><tbody id="kxuk9"></tbody></small></rp></dfn><div id="kxuk9"><blockquote id="kxuk9"></blockquote></div><nav id="kxuk9"><dfn id="kxuk9"><code id="kxuk9"></code></dfn></nav><pre id="kxuk9"><object id="kxuk9"></object></pre><dd id="kxuk9"><pre id="kxuk9"><thead id="kxuk9"></thead></pre></dd><ol id="kxuk9"></ol><samp id="kxuk9"></samp><small id="kxuk9"><dfn id="kxuk9"><abbr id="kxuk9"><listing id="kxuk9"></listing></abbr></dfn></small><strong id="kxuk9"></strong><rt id="kxuk9"><source id="kxuk9"></source></rt><pre id="kxuk9"></pre><label id="kxuk9"><style id="kxuk9"><thead id="kxuk9"></thead></style></label><menuitem id="kxuk9"></menuitem><pre id="kxuk9"><progress id="kxuk9"></progress></pre></div>
          
          </html>