<rp id="4zzlw"></rp>
  • \n
    <\/div>\n
    <\/div>\n \n \n<\/body>\n<\/html><\/pre>\n

    Seperti yang anda lihat, kod ini menggunakan CDN untuk memasukkan fail CSS dan JavaScript. Oleh itu, anda perlu mengemas kini pautan untuk memasukkan fail yang anda muat turun sebelum ini. Dalam tanda, anda dapat melihat beberapa

    <\/code> diletakkan. Yang pertama mempunyai Qunit sebagai IDnya, yang digunakan oleh rangka kerja untuk memaparkan antara muka penggunanya, di mana keputusan ujian dipaparkan. Yang kedua
    <\/code>, yang ID adalah fixt Qunit, harus digunakan oleh anda (pemaju). Elemen ini membolehkan pemaju untuk menguji kod yang menambah, mengedit, atau menghilangkan elemen dari DOM tanpa bimbang tentang membersihkan DOM selepas setiap ujian. Jika anda meletakkan elemen yang anda buat oleh kod anda dalam
    <\/code> ini, QUnit akan mengendalikan tetapan semula untuk kami. Akhirnya, kami memasukkan fail tests.js yang mewakili fail yang mengandungi ujian. Nasihat saya adalah menggunakan fail untuk menyimpan ujian apabila bekerja dengan projek sebenar. Dalam demo langsung yang saya buat untuk tutorial ini, saya menggunakan JSBIN dan pastinya tidak membenarkan memuat naik fail. Jadi dalam demo, anda akan melihat bahawa saya telah menggabungkan kod ujian. Sekarang anda memahami apa yang dimaksudkan untuk menandakan setiap bahagian, buka halaman index.html dalam penyemak imbas anda untuk melihat apa yang berlaku. Jika semuanya berjalan lancar, anda harus melihat antara muka demo langsung seperti yang ditunjukkan di bawah, yang juga disediakan sebagai contoh JSBIN: QUNIT. Pada peringkat ini, satu -satunya bahagian antara muka ini yang berkaitan dengan kami adalah bahagian yang menunjukkan masa Qunit menghabiskan ujian pemprosesan, bilangan pernyataan yang ditakrifkan, dan bilangan ujian yang diluluskan dan gagal. Demonstrasi di atas menunjukkan bahawa kita tidak menentukan sebarang ujian. Mari selesaikan masalah ini. <\/p>\n

    bagaimana membuat ujian menggunakan qunit <\/strong> <\/p>\n

    QUnit menyediakan dua cara untuk membuat ujian baru: QUnit.test()<\/code> dan QUnit.asyncTest()<\/code>. Yang pertama digunakan untuk menguji kod berjalan serentak, manakala yang kedua digunakan untuk menguji kod tak segerak. Dalam bahagian ini, saya akan menerangkan cara membuat ujian untuk kod segerak. Tandatangan kaedah QUnit.test()<\/code> adalah seperti berikut: <\/p>\n

    QUnit.test(name, testFunction)<\/pre>\n

    Parameter pertama name<\/code> adalah rentetan yang membantu kita mengenal pasti ujian yang dibuat. Parameter kedua testFunction<\/code> adalah fungsi yang mengandungi pernyataan rangka kerja yang akan dilaksanakan. Rangka kerja ini melepasi parameter ke fungsi ini yang mendedahkan semua kaedah penegasan Qunit. Tukar keterangan ini ke kod, kami boleh mengemas kini fail tests.js dengan kod berikut: <\/p>\n

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

    Kod ini mencipta ujian baru yang dikenal pasti oleh rentetan \"Ujian Pertama Saya\" dan fungsi dengan badan kosong. Menambah ujian tanpa sebarang pernyataan tidak digunakan. Untuk menyelesaikan masalah ini, kita mesti mempelajari kaedah penegasan yang terdapat di Qunit. <\/p>\n

    Kaedah penegasan Qunit <\/strong> \n<\/p> Pernyataan adalah di tengah -tengah ujian perisian. Mereka membolehkan kami mengesahkan bahawa kod kami berfungsi seperti yang diharapkan. Di Qunit, kami mempunyai banyak cara untuk mengesahkan jangkaan ini. Mereka boleh diakses dalam ujian oleh parameter fungsi yang diluluskan kepada kaedah

    (dalam contoh sebelumnya, QUnit.test()<\/code>). Senarai berikut meringkaskan kaedah yang ada, serta fungsi dan tandatangan mereka: assert<\/code>

      \n
    • deepEqual(value, expected[, message])<\/code>: Perbandingan ketat rekursif yang berfungsi untuk semua jenis JavaScript. Jika value<\/code> dan expected<\/code> adalah sama dari segi sifat dan nilai, dan mempunyai prototaip yang sama, pernyataan itu diluluskan;\n<\/li>
    • : Parameter equal(value, expected[, message])<\/code> sama dengan value<\/code> yang disediakan menggunakan pengesahan perbandingan bukan tegas (==). expected<\/code>\n<\/li>
    • : Sama seperti notDeepEqual(value, expected[, message])<\/code>, tetapi ujian ketidaksamaan;\ndeepEqual()<\/code> <\/li>: Sama seperti
    • , tetapi ujian ketidaksamaan;\nnotEqual(value, expected[, message])<\/code> equal()<\/code>: Perbandingan ketat sifat dan nilai objek. Jika semua atribut dan nilai adalah sama, pernyataan itu berlalu;\n<\/li>
    • : Gunakan perbandingan ketat (===) pengesahan untuk menyediakan parameter propEqual(value, expected[, message])<\/code> sama dengan <\/li>;\n
    • strictEqual(value, expected[, message])<\/code>: Sama seperti value<\/code>, tetapi ujian ketidaksamaan;\nexpected<\/code> <\/li>: Sama seperti
    • , tetapi ujian ketidaksamaan;\nnotPropEqual(value, expected[, message])<\/code> propEqual()<\/code>: Jika parameter pertama adalah nilai yang benar, pernyataan itu berlalu;\n<\/li>
    • : Uji sama ada panggilan balik melemparkan pengecualian dan membandingkan kesilapan yang dibuang;\nnotStrictEqual(value, expected[, message])<\/code>\nstrictEqual()<\/code> Parameter yang diterima oleh kaedah ini adalah seperti berikut: <\/li>\n
    • \nok(value[, message])<\/code> <\/li>: Nilai yang dikembalikan oleh fungsi, kaedah, atau nilai yang disimpan dalam pembolehubah yang mesti disahkan;\n
    • throws(function[, expected][, message])<\/code>: Nilai yang akan diuji. Untuk kaedah <\/li>, ini boleh <\/ul>;\n

      <\/p>: rentetan pilihan yang menerangkan pernyataan;\n

      • : Fungsi yang akan dilaksanakan harus mengembalikan ralat;\nvalue<\/code>\n<\/li> Sekarang anda telah memahami kaedah dan parameter yang ada, sudah tiba masanya untuk menyemak beberapa kod. Daripada menulis pelbagai ujian untuk satu fungsi, saya cuba menghasilkan semula contoh yang lebih realistik. Bagaimanapun, ujian yang saya akan menunjukkan bahawa anda tidak boleh dianggap sebagai suite ujian lengkap, tetapi mereka harus memberi anda idea khusus untuk memulakannya. Untuk menulis ujian yang disebutkan, kita perlu menentukan beberapa kod untuk diuji. Dalam kes ini, saya akan menentukan objek literal seperti ini:
      • \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<p> seperti yang anda lihat, kami menentukan objek literal dengan tiga fungsi: <code>max()<\/code>, <code>isOdd()<\/code>, dan <code>sortObj()<\/code>. Yang pertama menerima bilangan parameter dan mengembalikan nilai maksimum. <code>isOdd()<\/code> Ambil nombor sebagai parameter dan ujian jika ia adalah nombor ganjil. <code>sortObj()<\/code> menerima pelbagai objek, idealnya harus ada atribut bernama Timestamp dan menyusunnya mengikut nilai atribut ini. Set ujian kemungkinan fungsi ini adalah seperti berikut: (Contoh kod ujian yang panjang ditinggalkan di sini kerana had perkataan telah melebihi, tetapi prinsipnya konsisten dengan penerangan sebelumnya) <\/p>\n<p> <strong> Tetapkan jangkaan <\/strong> <\/p>\n<p> Apabila membuat ujian, amalan terbaik adalah untuk menetapkan bilangan pernyataan yang kami harapkan untuk dilaksanakan. Melakukannya, jika satu atau lebih pernyataan tidak dilaksanakan, ujian akan gagal. Rangka kerja Qunit menyediakan kaedah <code>expect()<\/code> untuk tujuan ini. Kaedah ini amat berguna apabila berurusan dengan kod tak segerak, tetapi lebih baik menggunakannya semasa menguji fungsi segerak. Tandatangan kaedah <code>expect()<\/code> adalah seperti berikut: <\/p>\n<pre class='brush:php;toolbar:false;'>QUnit.test(name, testFunction)<\/pre>\nParameter <p> di mana <code>assertionsNumber<\/code> menentukan bilangan pernyataan yang dijangkakan. (Contoh mengemas kini kod ujian juga ditinggalkan di sini kerana had perkataan telah melebihi, tetapi prinsipnya konsisten dengan penerangan sebelumnya) <\/p>\n<p> <strong> QUnit PENGENALAN KESIMPULAN <\/strong> <\/p>\n<p> Dalam tutorial ini, saya memperkenalkan anda kepada dunia pengujian yang ajaib, terutamanya bagaimana untuk menguji kod JavaScript menggunakan QUNIT. Kami telah melihat betapa mudahnya untuk menubuhkan kerangka Qunit dan kaedah apa yang disediakan untuk menguji fungsi penyegerakan. Di samping itu, anda juga telah mempelajari set fungsi penegasan yang disediakan oleh rangka kerja untuk menguji kod tersebut. Akhirnya, saya menyebutkan pentingnya menetapkan bilangan pernyataan yang kami harapkan untuk dijalankan dan bagaimana untuk menetapkannya menggunakan kaedah <code>expect()<\/code>. Saya harap anda menikmati siaran ini dan anda akan mempertimbangkan mengintegrasikan Qunit ke dalam projek anda. (Bahagian Soalan Lazim ditinggalkan di sini kerana had perkataan telah melebihi) <\/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/ms/" 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="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                            <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://m.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                                    <a href="http://m.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                                    <a href="http://m.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                                </div>
                            </div>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                            <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://m.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                                    <a href="http://m.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                                </div>
                            </div>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                            <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://m.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                                    <a href="http://m.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                                    <a href="http://m.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                                    <a href="http://m.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                                    <a href="http://m.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                                    <a href="http://m.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                                </div>
                            </div>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="http://m.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                            <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://m.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                                    <a href="http://m.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
        
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div   id="377j5v51b"   class="head_search">
                        <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                        <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
                    </div>
                        <div   id="377j5v51b"   class="head_right">
                    <div   id="377j5v51b"   class="haed_language">
                        <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<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:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                        <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                        <a href="javascript:;" 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/ms/" title="Rumah"
        							class="phpgenera_Details_mainL1a">Rumah</a>
        						<img src="/static/imghw/top_right.png" alt="" />
        												<a href="http://m.miracleart.cn/ms/web-designer.html"
        							class="phpgenera_Details_mainL1a">hujung hadapan web</a>
        						<img src="/static/imghw/top_right.png" alt="" />
        												<a href="http://m.miracleart.cn/ms/js-tutorial.html"
        							class="phpgenera_Details_mainL1a">tutorial js</a>
        						<img src="/static/imghw/top_right.png" alt="" />
        						<span>Bermula dengan Qunit</span>
        					</div>
        					
        					<div   id="377j5v51b"   class="Articlelist_txts">
        						<div   id="377j5v51b"   class="Articlelist_txts_info">
        							<h1 class="Articlelist_txts_title">Bermula dengan Qunit</h1>
        							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
        								<div   id="377j5v51b"   class="author_info">
        									<a href="http://m.miracleart.cn/ms/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/ms/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 "> <s>
        </s></p> Ujian perisian adalah proses menilai perisian untuk mengesan perbezaan antara output yang dijangkakan dan output sebenar set input yang diberikan. Ujian, terutamanya ujian unit, harus menjadi bahagian penting dari setiap kehidupan pemaju. Malangnya, ramai pemaju kelihatan takut dengan aktiviti tersebut. Dalam JavaScript, kita boleh memilih dari banyak kerangka untuk menguji asas kod kami. Sebagai contoh, Mocha, Selenium, dan Qunit. Dalam artikel ini, saya akan memperkenalkan anda kepada Qunit. Qunit adalah rangka kerja ujian unit yang dibangunkan dan dikekalkan oleh pasukan jQuery, yang juga di belakang projek -projek seperti JQuery dan JQuery UI. <p>
        </p> <p> mata utama <strong> </strong>
        </p>
        <ul> QUnit dibangunkan dan dikekalkan oleh pasukan jQuery dan merupakan rangka kerja ujian unit JavaScript yang popular untuk kemudahan penggunaan dan kesederhanaan persediaan. <li>
        </li> Untuk memulakan dengan QUnit, muat turun versi terkini JavaScript dan fail CSS dari laman web QUNIT dan masukkannya dalam fail HTML anda. <li>
        </li> QUnit menyediakan dua cara untuk membuat ujian baru: <li> untuk kod segerak dan <code>QUnit.test()</code> untuk kod tak segerak. Ujian ini mengandungi pernyataan yang mengesahkan bahawa kod berfungsi seperti yang diharapkan. <code>QUnit.asyncTest()</code>
        </li> QUnit menyediakan pelbagai kaedah penegasan termasuk <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> , <st>, <st>, <code>throws()</code> dan </st></st>
        </li>. Setiap kaedah mempunyai tujuan khusus dan menerima parameter tertentu. <li>
        <code>expect()</code> Apabila membuat ujian dengan QUNIT, amalan terbaik adalah untuk menetapkan bilangan pernyataan yang akan dilaksanakan menggunakan kaedah </li>. Ini membantu memastikan semua pernyataan dilaksanakan dan jika satu atau lebih pernyataan tidak dilaksanakan, ujian akan gagal. </ul>
        <p>
        <strong> </strong> Tetapan QUnit </p> <p>
        </p> Salah satu sebab utama banyak pemaju menggunakan Qunit adalah kemudahan penggunaannya. Bermula dengan rangka kerja ini sangat mudah dan anda boleh menguasai konsep utama dalam beberapa jam. Langkah pertama untuk menggunakan QUnit jelas bermula dengan memuat turunnya. Terdapat beberapa cara untuk melakukan ini: Muat turun secara manual dari laman web, gunakan CDN, gunakan Bower, atau gunakan NPM. Nasihat saya ialah anda tidak boleh bergantung kepada CDN untuk menguji kod anda melainkan jika anda sedang membangunkan demo hidup yang mudah. Jadi berpegang pada pilihan lain. Untuk artikel ini, saya tidak mahu menetapkan sebarang prasyarat (baca Bower dan NPM), jadi kami akan mengambil pendekatan pertama. Oleh itu, lawati laman web QUNIT dan muat turun versi terkini fail JavaScript (bernama QUNIT-1.14.0.JS) dan fail CSS (bernama QUNIT-1.14.0.CSS). Letakkannya dalam folder di mana anda juga akan membuat index.html. Dalam fail ini, kami akan meletakkan kod HTML yang dipaparkan di halaman utama laman web, dan saya akan mengulanginya di bawah untuk kemudahan. <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> Seperti yang anda lihat, kod ini menggunakan CDN untuk memasukkan fail CSS dan JavaScript. Oleh itu, anda perlu mengemas kini pautan untuk memasukkan fail yang anda muat turun sebelum ini. Dalam tanda, anda dapat melihat beberapa <code><div></code> diletakkan. Yang pertama mempunyai Qunit sebagai IDnya, yang digunakan oleh rangka kerja untuk memaparkan antara muka penggunanya, di mana keputusan ujian dipaparkan. Yang kedua <code><div></code>, yang ID adalah fixt Qunit, harus digunakan oleh anda (pemaju). Elemen ini membolehkan pemaju untuk menguji kod yang menambah, mengedit, atau menghilangkan elemen dari DOM tanpa bimbang tentang membersihkan DOM selepas setiap ujian. Jika anda meletakkan elemen yang anda buat oleh kod anda dalam <code><div></code> ini, QUnit akan mengendalikan tetapan semula untuk kami. Akhirnya, kami memasukkan fail tests.js yang mewakili fail yang mengandungi ujian. Nasihat saya adalah menggunakan fail untuk menyimpan ujian apabila bekerja dengan projek sebenar. Dalam demo langsung yang saya buat untuk tutorial ini, saya menggunakan JSBIN dan pastinya tidak membenarkan memuat naik fail. Jadi dalam demo, anda akan melihat bahawa saya telah menggabungkan kod ujian. Sekarang anda memahami apa yang dimaksudkan untuk menandakan setiap bahagian, buka halaman index.html dalam penyemak imbas anda untuk melihat apa yang berlaku. Jika semuanya berjalan lancar, anda harus melihat antara muka demo langsung seperti yang ditunjukkan di bawah, yang juga disediakan sebagai contoh JSBIN: QUNIT. Pada peringkat ini, satu -satunya bahagian antara muka ini yang berkaitan dengan kami adalah bahagian yang menunjukkan masa Qunit menghabiskan ujian pemprosesan, bilangan pernyataan yang ditakrifkan, dan bilangan ujian yang diluluskan dan gagal. Demonstrasi di atas menunjukkan bahawa kita tidak menentukan sebarang ujian. Mari selesaikan masalah ini. </p>
        <p> <strong> bagaimana membuat ujian menggunakan qunit </strong> </p>
        <p> QUnit menyediakan dua cara untuk membuat ujian baru: <code>QUnit.test()</code> dan <code>QUnit.asyncTest()</code>. Yang pertama digunakan untuk menguji kod berjalan serentak, manakala yang kedua digunakan untuk menguji kod tak segerak. Dalam bahagian ini, saya akan menerangkan cara membuat ujian untuk kod segerak. Tandatangan kaedah <code>QUnit.test()</code> adalah seperti berikut: </p>
        <pre class='brush:php;toolbar:false;'>QUnit.test(name, testFunction)</pre>
        <p> Parameter pertama <code>name</code> adalah rentetan yang membantu kita mengenal pasti ujian yang dibuat. Parameter kedua <code>testFunction</code> adalah fungsi yang mengandungi pernyataan rangka kerja yang akan dilaksanakan. Rangka kerja ini melepasi parameter ke fungsi ini yang mendedahkan semua kaedah penegasan Qunit. Tukar keterangan ini ke kod, kami boleh mengemas kini fail tests.js dengan kod berikut: </p>
        <pre class='brush:php;toolbar:false;'>QUnit.test('我的第一個(gè)測試', function(assert) {
           // 斷言在這里...
        });</pre>
        <p> Kod ini mencipta ujian baru yang dikenal pasti oleh rentetan "Ujian Pertama Saya" dan fungsi dengan badan kosong. Menambah ujian tanpa sebarang pernyataan tidak digunakan. Untuk menyelesaikan masalah ini, kita mesti mempelajari kaedah penegasan yang terdapat di Qunit. </p>
        <p> <strong> Kaedah penegasan Qunit </strong> <s>
        </p> Pernyataan adalah di tengah -tengah ujian perisian. Mereka membolehkan kami mengesahkan bahawa kod kami berfungsi seperti yang diharapkan. Di Qunit, kami mempunyai banyak cara untuk mengesahkan jangkaan ini. Mereka boleh diakses dalam ujian oleh parameter fungsi yang diluluskan kepada kaedah <p> (dalam contoh sebelumnya, <code>QUnit.test()</code>). Senarai berikut meringkaskan kaedah yang ada, serta fungsi dan tandatangan mereka: <code>assert</code><ul>
        <li> <code>deepEqual(value, expected[, message])</code>: Perbandingan ketat rekursif yang berfungsi untuk semua jenis JavaScript. Jika <code>value</code> dan <code>expected</code> adalah sama dari segi sifat dan nilai, dan mempunyai prototaip yang sama, pernyataan itu diluluskan;
        </li> <li>: Parameter <code>equal(value, expected[, message])</code> sama dengan <code>value</code> yang disediakan menggunakan pengesahan perbandingan bukan tegas (==). <code>expected</code>
        </li> <li>: Sama seperti <code>notDeepEqual(value, expected[, message])</code>, tetapi ujian ketidaksamaan;
        <code>deepEqual()</code> </li>: Sama seperti <li>, tetapi ujian ketidaksamaan;
        <code>notEqual(value, expected[, message])</code> <code>equal()</code>: Perbandingan ketat sifat dan nilai objek. Jika semua atribut dan nilai adalah sama, pernyataan itu berlalu;
        </li> <li>: Gunakan perbandingan ketat (===) pengesahan untuk menyediakan parameter <code>propEqual(value, expected[, message])</code> sama dengan </li>;
        <li> <code>strictEqual(value, expected[, message])</code>: Sama seperti <code>value</code>, tetapi ujian ketidaksamaan;
        <code>expected</code> </li>: Sama seperti <li>, tetapi ujian ketidaksamaan;
        <code>notPropEqual(value, expected[, message])</code> <code>propEqual()</code>: Jika parameter pertama adalah nilai yang benar, pernyataan itu berlalu;
        </li> <li>: Uji sama ada panggilan balik melemparkan pengecualian dan membandingkan kesilapan yang dibuang;
        <code>notStrictEqual(value, expected[, message])</code>
        <code>strictEqual()</code> Parameter yang diterima oleh kaedah ini adalah seperti berikut: </li>
        <li>
        <code>ok(value[, message])</code> </li>: Nilai yang dikembalikan oleh fungsi, kaedah, atau nilai yang disimpan dalam pembolehubah yang mesti disahkan;
        <li> <code>throws(function[, expected][, message])</code>: Nilai yang akan diuji. Untuk kaedah </li>, ini boleh </ul>;
        <p> </p>: rentetan pilihan yang menerangkan pernyataan;
        <ul> <li>: Fungsi yang akan dilaksanakan harus mengembalikan ralat;
        <code>value</code>
        </li> Sekarang anda telah memahami kaedah dan parameter yang ada, sudah tiba masanya untuk menyemak beberapa kod. Daripada menulis pelbagai ujian untuk satu fungsi, saya cuba menghasilkan semula contoh yang lebih realistik. Bagaimanapun, ujian yang saya akan menunjukkan bahawa anda tidak boleh dianggap sebagai suite ujian lengkap, tetapi mereka harus memberi anda idea khusus untuk memulakannya. Untuk menulis ujian yang disebutkan, kita perlu menentukan beberapa kod untuk diuji. Dalam kes ini, saya akan menentukan objek literal seperti ini: <li><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> seperti yang anda lihat, kami menentukan objek literal dengan tiga fungsi: <code>max()</code>, <code>isOdd()</code>, dan <code>sortObj()</code>. Yang pertama menerima bilangan parameter dan mengembalikan nilai maksimum. <code>isOdd()</code> Ambil nombor sebagai parameter dan ujian jika ia adalah nombor ganjil. <code>sortObj()</code> menerima pelbagai objek, idealnya harus ada atribut bernama Timestamp dan menyusunnya mengikut nilai atribut ini. Set ujian kemungkinan fungsi ini adalah seperti berikut: (Contoh kod ujian yang panjang ditinggalkan di sini kerana had perkataan telah melebihi, tetapi prinsipnya konsisten dengan penerangan sebelumnya) </p>
        <p> <strong> Tetapkan jangkaan </strong> </p>
        <p> Apabila membuat ujian, amalan terbaik adalah untuk menetapkan bilangan pernyataan yang kami harapkan untuk dilaksanakan. Melakukannya, jika satu atau lebih pernyataan tidak dilaksanakan, ujian akan gagal. Rangka kerja Qunit menyediakan kaedah <code>expect()</code> untuk tujuan ini. Kaedah ini amat berguna apabila berurusan dengan kod tak segerak, tetapi lebih baik menggunakannya semasa menguji fungsi segerak. Tandatangan kaedah <code>expect()</code> adalah seperti berikut: </p>
        <pre class='brush:php;toolbar:false;'>QUnit.test(name, testFunction)</pre>
        Parameter <p> di mana <code>assertionsNumber</code> menentukan bilangan pernyataan yang dijangkakan. (Contoh mengemas kini kod ujian juga ditinggalkan di sini kerana had perkataan telah melebihi, tetapi prinsipnya konsisten dengan penerangan sebelumnya) </p>
        <p> <strong> QUnit PENGENALAN KESIMPULAN </strong> </p>
        <p> Dalam tutorial ini, saya memperkenalkan anda kepada dunia pengujian yang ajaib, terutamanya bagaimana untuk menguji kod JavaScript menggunakan QUNIT. Kami telah melihat betapa mudahnya untuk menubuhkan kerangka Qunit dan kaedah apa yang disediakan untuk menguji fungsi penyegerakan. Di samping itu, anda juga telah mempelajari set fungsi penegasan yang disediakan oleh rangka kerja untuk menguji kod tersebut. Akhirnya, saya menyebutkan pentingnya menetapkan bilangan pernyataan yang kami harapkan untuk dijalankan dan bagaimana untuk menetapkannya menggunakan kaedah <code>expect()</code>. Saya harap anda menikmati siaran ini dan anda akan mempertimbangkan mengintegrasikan Qunit ke dalam projek anda. (Bahagian Soalan Lazim ditinggalkan di sini kerana had perkataan telah melebihi) </p><p>Atas ialah kandungan terperinci Bermula dengan Qunit. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
        
        
        						</div>
        					</div>
        					<div   id="377j5v51b"   class="wzconShengming_sp">
        						<div   id="377j5v51b"   class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
        						<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi 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>Artikel Panas</h2>
        							</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796821119.html" title="Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan" class="phpgenera_Details_mainR4_bottom_title">Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 minggu yang lalu</span>
        										<span>By DDD</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>2 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>1 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796821436.html" title="Dune: Awakening - Lanjutan Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Lanjutan Planetologist Quest Walkthrough</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>3 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796821278.html" title="Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper" class="phpgenera_Details_mainR4_bottom_title">Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        														</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        								<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</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>Alat AI Hot</h2>
        								</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/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/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
        													<h3>Undress AI Tool</h3>
        												</a>
        												<p>Gambar buka pakaian secara percuma</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/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/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
        													<h3>Undresser.AI Undress</h3>
        												</a>
        												<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/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/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
        													<h3>AI Clothes Remover</h3>
        												</a>
        												<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/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/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
        													<h3>Clothoff.io</h3>
        												</a>
        												<p>Penyingkiran pakaian AI</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/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/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
        													<h3>Video Face Swap</h3>
        												</a>
        												<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
        											</div>
        										</div>
        																</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        									<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</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>Artikel Panas</h2>
        							</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796821119.html" title="Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan" class="phpgenera_Details_mainR4_bottom_title">Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 minggu yang lalu</span>
        										<span>By DDD</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>2 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>1 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796821436.html" title="Dune: Awakening - Lanjutan Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Lanjutan Planetologist Quest Walkthrough</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>3 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/1796821278.html" title="Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper" class="phpgenera_Details_mainR4_bottom_title">Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 minggu yang lalu</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        														</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        								<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</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>Alat panas</h2>
        								</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++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="Notepad++7.3.1" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
        													<h3>Notepad++7.3.1</h3>
        												</a>
        												<p>Editor kod yang mudah digunakan dan percuma</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" 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 versi Cina" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
        													<h3>SublimeText3 versi Cina</h3>
        												</a>
        												<p>Versi Cina, sangat mudah digunakan</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 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="Hantar Studio 13.0.1" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
        													<h3>Hantar Studio 13.0.1</h3>
        												</a>
        												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver 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="Dreamweaver CS6" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
        													<h3>Dreamweaver CS6</h3>
        												</a>
        												<p>Alat pembangunan web visual</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi 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 versi Mac" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
        													<h3>SublimeText3 versi Mac</h3>
        												</a>
        												<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
        											</div>
        										</div>
        																	</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        									<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</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>Topik panas</h2>
        							</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://m.miracleart.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel 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>8636</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/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial 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/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial 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>1725</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/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial 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/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial 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>1441</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/ms/faq/zt">Tunjukkan Lagi</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/ms/faq/1796822063.html" title="Java vs JavaScript: Membersihkan kekeliruan" 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: Membersihkan kekeliruan" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796822063.html" title="Java vs JavaScript: Membersihkan kekeliruan" class="phphistorical_Version2_mids_title">Java vs JavaScript: Membersihkan kekeliruan</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:27 AM</span>
        								<p class="Articlelist_txts_p">Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796821632.html" title="Komen JavaScript: Penjelasan ringkas" 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="Komen JavaScript: Penjelasan ringkas" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796821632.html" title="Komen JavaScript: Penjelasan ringkas" class="phphistorical_Version2_mids_title">Komen JavaScript: Penjelasan ringkas</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:40 AM</span>
        								<p class="Articlelist_txts_p">JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796827639.html" title="Bagaimana untuk bekerja dengan tarikh dan masa di 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="Bagaimana untuk bekerja dengan tarikh dan masa di JS?" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796827639.html" title="Bagaimana untuk bekerja dengan tarikh dan masa di JS?" class="phphistorical_Version2_mids_title">Bagaimana untuk bekerja dengan tarikh dan masa di JS?</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 01, 2025 am	 01:27 AM</span>
        								<p class="Articlelist_txts_p">Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796828200.html" title="Kenapa anda harus meletakkan tag  di bahagian bawah ?" 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="Kenapa anda harus meletakkan tag  di bahagian bawah ?" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796828200.html" title="Kenapa anda harus meletakkan tag  di bahagian bawah ?" class="phphistorical_Version2_mids_title">Kenapa anda harus meletakkan tag  di bahagian bawah ?</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 02, 2025 am	 01:22 AM</span>
        								<p class="Articlelist_txts_p">PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796822037.html" title="JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju" 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: Perbandingan Komprehensif untuk Pemaju" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796822037.html" title="JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju" class="phphistorical_Version2_mids_title">JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:21 AM</span>
        								<p class="Articlelist_txts_p">JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796822137.html" title="JavaScript: Meneroka jenis data untuk pengekodan yang cekap" 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: Meneroka jenis data untuk pengekodan yang cekap" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796822137.html" title="JavaScript: Meneroka jenis data untuk pengekodan yang cekap" class="phphistorical_Version2_mids_title">JavaScript: Meneroka jenis data untuk pengekodan yang cekap</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:46 AM</span>
        								<p class="Articlelist_txts_p">JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796828191.html" title="Apakah peristiwa yang menggelegak dan menangkap di 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="Apakah peristiwa yang menggelegak dan menangkap di Dom?" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796828191.html" title="Apakah peristiwa yang menggelegak dan menangkap di Dom?" class="phphistorical_Version2_mids_title">Apakah peristiwa yang menggelegak dan menangkap di Dom?</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 02, 2025 am	 01:19 AM</span>
        								<p class="Articlelist_txts_p">Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://m.miracleart.cn/ms/faq/1796820615.html" title="Apa perbezaan antara Java dan 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="Apa perbezaan antara Java dan JavaScript?" />
        								</a>
        								<a href="http://m.miracleart.cn/ms/faq/1796820615.html" title="Apa perbezaan antara Java dan JavaScript?" class="phphistorical_Version2_mids_title">Apa perbezaan antara Java dan JavaScript?</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 17, 2025 am	 09:17 AM</span>
        								<p class="Articlelist_txts_p">Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza. 1.Java adalah bahasa yang ditaip dan disusun secara statik, sesuai untuk aplikasi perusahaan dan sistem besar. 2. JavaScript adalah jenis dinamik dan bahasa yang ditafsirkan, terutamanya digunakan untuk interaksi web dan pembangunan front-end.</p>
        							</div>
        													</div>
        
        													<a href="http://m.miracleart.cn/ms/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>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p>
                </div>
                <div   id="377j5v51b"   class="footermid">
                    <a href="http://m.miracleart.cn/ms/about/us.html">Tentang kita</a>
                    <a href="http://m.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
                    <a href="http://m.miracleart.cn/ms/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="dr545" class="pl_css_ganrao" style="display: none;"><strong id="dr545"></strong><form id="dr545"></form><rp id="dr545"><video id="dr545"><dfn id="dr545"><label id="dr545"></label></dfn></video></rp><style id="dr545"></style><span id="dr545"></span><strong id="dr545"><dfn id="dr545"><input id="dr545"></input></dfn></strong><sup id="dr545"></sup><strike id="dr545"><dl id="dr545"><acronym id="dr545"></acronym></dl></strike><var id="dr545"><style id="dr545"><optgroup id="dr545"></optgroup></style></var><progress id="dr545"></progress><abbr id="dr545"><li id="dr545"><code id="dr545"><nav id="dr545"></nav></code></li></abbr><form id="dr545"><optgroup id="dr545"><nav id="dr545"><strong id="dr545"></strong></nav></optgroup></form><mark id="dr545"><font id="dr545"><em id="dr545"></em></font></mark><nav id="dr545"></nav><legend id="dr545"></legend><button id="dr545"></button><dl id="dr545"><tbody id="dr545"></tbody></dl><sub id="dr545"><progress id="dr545"></progress></sub><video id="dr545"><ul id="dr545"></ul></video><ul id="dr545"></ul><rp id="dr545"><table id="dr545"><tbody id="dr545"><small id="dr545"></small></tbody></table></rp><font id="dr545"><pre id="dr545"><mark id="dr545"><video id="dr545"></video></mark></pre></font><meter id="dr545"><sub id="dr545"><thead id="dr545"></thead></sub></meter><kbd id="dr545"></kbd><div id="dr545"><cite id="dr545"><tfoot id="dr545"></tfoot></cite></div><address id="dr545"></address><pre id="dr545"></pre><wbr id="dr545"><strike id="dr545"><big id="dr545"></big></strike></wbr><thead id="dr545"></thead><menu id="dr545"><listing id="dr545"><sup id="dr545"></sup></listing></menu><small id="dr545"></small><span id="dr545"></span><code id="dr545"><strong id="dr545"><menu id="dr545"></menu></strong></code><object id="dr545"></object><listing id="dr545"></listing><code id="dr545"></code><tbody id="dr545"><em id="dr545"><center id="dr545"><tbody id="dr545"></tbody></center></em></tbody><span id="dr545"></span><rp id="dr545"></rp><code id="dr545"><listing id="dr545"><span id="dr545"></span></listing></code><meter id="dr545"></meter><pre id="dr545"></pre><menu id="dr545"><input id="dr545"><sup id="dr545"><ol id="dr545"></ol></sup></input></menu><thead id="dr545"><td id="dr545"></td></thead><i id="dr545"><legend id="dr545"></legend></i><sub id="dr545"><thead id="dr545"><acronym id="dr545"><video id="dr545"></video></acronym></thead></sub><bdo id="dr545"><label id="dr545"><legend id="dr545"></legend></label></bdo><th id="dr545"></th><dl id="dr545"><th id="dr545"></th></dl><font id="dr545"><pre id="dr545"><ul id="dr545"></ul></pre></font><output id="dr545"><kbd id="dr545"></kbd></output><tr id="dr545"><small id="dr545"><noframes id="dr545"><nobr id="dr545"></nobr></noframes></small></tr><noframes id="dr545"><dfn id="dr545"><var id="dr545"><strong id="dr545"></strong></var></dfn></noframes><address id="dr545"></address><acronym id="dr545"><strike id="dr545"></strike></acronym><abbr id="dr545"></abbr><strong id="dr545"></strong><nobr id="dr545"></nobr><style id="dr545"><rt id="dr545"><acronym id="dr545"><pre id="dr545"></pre></acronym></rt></style><center id="dr545"></center><tbody id="dr545"><small id="dr545"><table id="dr545"></table></small></tbody><small id="dr545"></small><small id="dr545"></small><delect id="dr545"></delect><legend id="dr545"></legend><ins id="dr545"><em id="dr545"><u id="dr545"></u></em></ins><ins id="dr545"></ins><small id="dr545"><video id="dr545"></video></small><acronym id="dr545"><pre id="dr545"></pre></acronym><th id="dr545"></th><i id="dr545"><input id="dr545"><sup id="dr545"><td id="dr545"></td></sup></input></i><thead id="dr545"></thead><progress id="dr545"></progress><ol id="dr545"><strike id="dr545"><thead id="dr545"></thead></strike></ol><label id="dr545"><fieldset id="dr545"><i id="dr545"><label id="dr545"></label></i></fieldset></label><address id="dr545"></address><del id="dr545"></del><dfn id="dr545"></dfn><progress id="dr545"></progress><strong id="dr545"><dl id="dr545"><legend id="dr545"></legend></dl></strong><td id="dr545"><form id="dr545"><address id="dr545"><sup id="dr545"></sup></address></form></td><strong id="dr545"></strong><button id="dr545"><video id="dr545"><tr id="dr545"><small id="dr545"></small></tr></video></button><big id="dr545"><center id="dr545"></center></big><label id="dr545"><strong id="dr545"><p id="dr545"><tfoot id="dr545"></tfoot></p></strong></label><acronym id="dr545"><fieldset id="dr545"><tbody id="dr545"></tbody></fieldset></acronym><track id="dr545"><u id="dr545"><bdo id="dr545"></bdo></u></track><i id="dr545"><input id="dr545"><sup id="dr545"><ol id="dr545"></ol></sup></input></i><big id="dr545"></big><ins id="dr545"></ins><object id="dr545"></object><mark id="dr545"></mark><source id="dr545"></source><table id="dr545"></table><kbd id="dr545"><dfn id="dr545"></dfn></kbd><progress id="dr545"></progress><pre id="dr545"></pre><th id="dr545"><tbody id="dr545"><small id="dr545"></small></tbody></th><progress id="dr545"></progress><th id="dr545"><div id="dr545"><source id="dr545"></source></div></th><em id="dr545"><mark id="dr545"><kbd id="dr545"></kbd></mark></em><listing id="dr545"><strong id="dr545"><label id="dr545"></label></strong></listing><nobr id="dr545"><listing id="dr545"></listing></nobr><optgroup id="dr545"></optgroup><abbr id="dr545"><b id="dr545"><em id="dr545"></em></b></abbr><kbd id="dr545"></kbd><strong id="dr545"><dl id="dr545"><th id="dr545"><div id="dr545"></div></th></dl></strong><source id="dr545"><form id="dr545"></form></source><td id="dr545"></td><code id="dr545"></code><kbd id="dr545"><tr id="dr545"></tr></kbd><th id="dr545"></th><dl id="dr545"><strike id="dr545"><big id="dr545"><progress id="dr545"></progress></big></strike></dl><thead id="dr545"><td id="dr545"></td></thead><thead id="dr545"></thead><ul id="dr545"><kbd id="dr545"></kbd></ul><ul id="dr545"></ul><ins id="dr545"><ul id="dr545"><kbd id="dr545"><option id="dr545"></option></kbd></ul></ins><style id="dr545"><rt id="dr545"><dl id="dr545"><pre id="dr545"></pre></dl></rt></style><ins id="dr545"><em id="dr545"><u id="dr545"></u></em></ins><pre id="dr545"><sup id="dr545"><samp id="dr545"></samp></sup></pre><li id="dr545"><u id="dr545"><table id="dr545"><track id="dr545"></track></table></u></li><strike id="dr545"></strike><table id="dr545"></table><big id="dr545"></big><form id="dr545"></form><small id="dr545"></small><dfn id="dr545"><rp id="dr545"></rp></dfn><ins id="dr545"></ins><strike id="dr545"></strike><ins id="dr545"><tr id="dr545"><tt id="dr545"><option id="dr545"></option></tt></tr></ins><th id="dr545"><strike id="dr545"><big id="dr545"><form id="dr545"></form></big></strike></th><dfn id="dr545"></dfn><nobr id="dr545"></nobr><delect id="dr545"><abbr id="dr545"><li id="dr545"><optgroup id="dr545"></optgroup></li></abbr></delect><big id="dr545"></big><xmp id="dr545"><dfn id="dr545"><pre id="dr545"></pre></dfn></xmp><sub id="dr545"></sub><tr id="dr545"><menuitem id="dr545"><mark id="dr545"><kbd id="dr545"></kbd></mark></menuitem></tr><mark id="dr545"><font id="dr545"><dfn id="dr545"></dfn></font></mark><ins id="dr545"></ins><big id="dr545"></big><pre id="dr545"></pre><th id="dr545"><p id="dr545"><big id="dr545"></big></p></th><button id="dr545"></button><cite id="dr545"></cite><em id="dr545"><button id="dr545"><video id="dr545"><track id="dr545"></track></video></button></em><s id="dr545"><rt id="dr545"></rt></s><ul id="dr545"></ul></div>
        
        </html>