Apakah perbezaan antara komponen terkawal tindak balas dan komponen tidak terkawal

Perbezaan antara komponen terkawal tindak balas dan komponen tidak terkawal: 1. Komponen terkawal bergantung pada keadaan, manakala komponen tidak terkawal tidak dikawal oleh keadaan; 2. Komponen terkawal hanya boleh mewarisi "React.Component" Hanya pewarisan boleh mempunyai keadaan , manakala komponen tidak terkawal tidak mempunyai keadaan hanya melalui pewarisan; 3. Komponen terkawal biasanya digunakan apabila nilai awal perlu ditetapkan secara dinamik, dan komponen tidak terkawal biasanya digunakan apabila tiada maklumat nilai awal dinamik.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Perbezaan antara komponen terkawal tindak balas dan komponen tidak terkawal

Perbezaan antara keduanya

1 >

Komponen terkawal bergantung pada keadaan

Pengubahsuaian komponen terkawal akan dipetakan kepada nilai keadaan dalam masa nyata Pada masa ini, kandungan input boleh disahkan

Komponen terkawal hanya dengan mewarisi React.Component boleh ada keadaan

Komponen terkawal mesti menggunakan acara onChange pada borang untuk mengikat acara yang sepadan

2 >Komponen Bukan Kawalan tidak dikawal oleh keadaan

Mendapatkan data daripada komponen tidak terkawal adalah bersamaan dengan DOM yang beroperasi

Komponen tidak terkawal boleh digabungkan dengan mudah dengan komponen pihak ketiga dan lebih mudah untuk mengintegrasikan React dan Kod Non-React

Pilih komponen terkawal atau tidak terkawal

1. Senario penggunaan komponen terkawal: Biasanya digunakan dalam situasi di mana nilai awalnya perlu ditetapkan secara dinamik. Sebagai contoh: apabila mengedit beberapa maklumat borang, elemen borang input pada mulanya perlu memaparkan nilai tertentu yang dikembalikan oleh pelayan dan kemudian mengeditnya.

2. Senario penggunaan komponen tidak terkawal: Biasanya digunakan apabila tiada maklumat nilai permulaan dinamik. Sebagai contoh: apabila mencipta maklumat dalam borang, tiada unsur borang input mempunyai nilai awal dan memerlukan input pengguna.

Pengetahuan lanjutan:

1 Komponen terkawal

Dalam HTML, teg bagi elemen borang , , <select>, dsb. perubahan nilai biasanya dikemas kini berdasarkan input pengguna. </strong></p>Dalam React, keadaan boleh ubah biasanya disimpan dalam sifat keadaan komponen dan hanya boleh dikemas kini menggunakan setState(), dan komponen React yang menghasilkan borang juga mengawal apa yang berlaku dalam borang pada input pengguna berikutnya situasi di mana unsur bentuk input dikawal oleh React mengubah nilainya dipanggil komponen terkawal. <p></p>Sebagai contoh, ikat peristiwa onChange kepada input elemen borang Apabila keadaan input berubah, peristiwa onChange akan dicetuskan, sekali gus mengemas kini keadaan komponen. <p></p> <p>Proses kemas kini keadaan oleh komponen terkawal</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">import React, { Component } from &#39;react&#39; export default class MyInput extends Component{ constructor(props) { super(props); this.state = { value: 0 } } handleChange = (event)=>{ this.setState({ value: event.target.value }) } render(){ return( <div> <input type="text" value={this.state.value} onChange={this.handleChange} /> </div> ) } }</pre><div class="contentsignin">Salin selepas log masuk</div></div>1 Anda boleh menetapkan nilai lalai borang dalam keadaan awal <p></p>2 borang berubah , panggil pengendali acara onChange <p></p>3 Pengendali acara mendapat keadaan berubah melalui acara objek acara dan mengemas kini keadaan komponen <p></p>4 kaedah setState, ia akan Mencetuskan pemaparan semula paparan dan melengkapkan kemas kini komponen borang <p></p> Data dalam React mengalir secara individu Daripada contoh, anda boleh melihat bahawa data borang berasal dari keadaan komponen dan disalurkan melalui prop Ini juga dipanggil Untuk pengikatan data sehala. Kemudian data baharu ditulis semula kepada keadaan melalui pengendali acara onChange, melengkapkan pengikatan data dua hala. <p></p><p>2. Komponen tidak terkawal </p><p><strong>Komponen tidak terkawal merujuk kepada data borang yang diproses oleh DOM itu sendiri. Iaitu, ia tidak dikawal oleh setState(). Ia serupa dengan input bentuk HTML tradisional Nilai input memaparkan nilai terkini. </strong></p>Dalam komponen yang tidak terkawal, anda boleh menggunakan ref untuk mendapatkan nilai borang daripada DOM. <p></p><p>Komponen tidak terkawal mengekalkan keadaannya sendiri secara dalaman semasa pelaksanaan asas, supaya sebarang input nilai oleh pengguna boleh dicerminkan pada elemen. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">class NameForm extends React.Component { constructor(props) { super(props); this.handleSubmit = this.handleSubmit.bind(this); } handleSubmit(event) { console.log(&#39;A name was submitted: &#39; + this.input.value); event.preventDefault(); } render() { return ( <form onSubmit={this.handleSubmit}> <label> Name: <input type="text" ref={(input) => this.input = input} /> </label> <input type="submit" value="Submit" /> </form> ); } }</pre><div class="contentsignin">Salin selepas log masuk</div></div>[Cadangan berkaitan: <p>tutorial video javascript</p>, <p>bahagian hadapan web<a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript视频教程">]</a></p><p>Atas ialah kandungan terperinci Apakah perbezaan antara komponen terkawal tindak balas dan komponen tidak terkawal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Label berkaitan：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ms/search?word=react" target="_blank">react</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">sumber：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/ms/faq/493276.html" title="React dibangunkan oleh syarikat mana"> <span>Artikel sebelumnya：React dibangunkan oleh syarikat mana</span> </a> <a href="http://www.php.cn/ms/faq/493280.html" title="Adakah react native apl asli?"> <span>Artikel seterusnya：Adakah react native apl asli?</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">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 class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Artikel terbaru oleh pengarang</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796639331.html">Apakah itu NullPointerException, dan bagaimana saya membetulkannya?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796629482.html">Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796628545.html">Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627928.html">Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627806.html">Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627670.html">Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627643.html">Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627620.html">PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627574.html">Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627539.html">Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Isu terkini</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176395.html" target="_blank" title="Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React?" class="wdcdcTitle">Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React?</a> <a href="http://www.php.cn/ms/wenda/176395.html" class="wdcdcCons">Berikut ialah komponen gaya Sort.js saya: <SortWrapper><SortText>SortBy</So...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 21:28:37</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2257</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176358.html" target="_blank" title="Kemas kini status tidak berfungsi dalam React-Native pada Android" class="wdcdcTitle">Kemas kini status tidak berfungsi dalam React-Native pada Android</a> <a href="http://www.php.cn/ms/wenda/176358.html" class="wdcdcCons">Saya mempunyai beberapa kod yang mempunyai sepasang imej dalam galeri mendatar boleh leret...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 16:54:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176354.html" target="_blank" title="Mengapa meninggalkan 0ms tidur mematahkan peralihan css saya?" class="wdcdcTitle">Mengapa meninggalkan 0ms tidur mematahkan peralihan css saya?</a> <a href="http://www.php.cn/ms/wenda/176354.html" class="wdcdcCons">Saya cuba melaksanakan animasi FLIP untuk melihat sama ada saya memahaminya dengan betul. ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 16:29:50</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>490</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176353.html" target="_blank" title="Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya" class="wdcdcTitle">Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya</a> <a href="http://www.php.cn/ms/wenda/176353.html" class="wdcdcCons">Saya mempunyai borang berbilang langkah dan apabila saya cuba menyerahkan ia menunjukkan r...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 16:25:39</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176333.html" target="_blank" title="React Three Fiber: Mengapa acara skrol saya ketinggalan?" class="wdcdcTitle">React Three Fiber: Mengapa acara skrol saya ketinggalan?</a> <a href="http://www.php.cn/ms/wenda/176333.html" class="wdcdcCons">Dalam ReactThreeFiber, saya mempunyai komponen React yang menghasilkan sprite yang saya ma...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 13:39:24</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Topik-topik yang berkaitan</div> <a href="http://www.php.cn/ms/faq/zt" target="_blank">Lagi> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/mysqlgxyjynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214170120265.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah pernyataan kemas kini mysql?" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/mysqlgxyjynx" class="title-a-spanl" title="Apakah pernyataan kemas kini mysql?"><span>Apakah pernyataan kemas kini mysql?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/pythonbcytjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212233448016.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Pengenalan kepada kegunaan pengaturcaraan python" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/pythonbcytjs" class="title-a-spanl" title="Pengenalan kepada kegunaan pengaturcaraan python"><span>Pengenalan kepada kegunaan pengaturcaraan python</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/kfblszds"><img src="https://img.php.cn/upload/subject/202407/22/2024072212283041164.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah resolusi 2K?" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/kfblszds" class="title-a-spanl" title="Apakah resolusi 2K?"><span>Apakah resolusi 2K?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/phphphpdqbss"><img src="https://img.php.cn/upload/subject/202407/22/2024072212151695165.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah perbezaan antara php7 dan php8" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/phphphpdqbss" class="title-a-spanl" title="Apakah perbezaan antara php7 dan php8"><span>Apakah perbezaan antara php7 dan php8</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/nosuchfile"><img src="https://img.php.cn/upload/subject/202407/22/2024072214014332705.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="tiada penyelesaian fail sedemikian" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/nosuchfile" class="title-a-spanl" title="tiada penyelesaian fail sedemikian"><span>tiada penyelesaian fail sedemikian</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/dyzbxynxsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212101720712.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah peralatan yang diperlukan untuk siaran langsung Douyin?" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/dyzbxynxsb" class="title-a-spanl" title="Apakah peralatan yang diperlukan untuk siaran langsung Douyin?"><span>Apakah peralatan yang diperlukan untuk siaran langsung Douyin?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/divgdt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214385242717.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="bar skrol div" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/divgdt" class="title-a-spanl" title="bar skrol div"><span>bar skrol div</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/webstormideay"><img src="https://img.php.cn/upload/subject/202407/22/2024072212123347159.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah perbezaan antara webstorm dan idea?" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/webstormideay" class="title-a-spanl" title="Apakah perbezaan antara webstorm dan idea?"><span>Apakah perbezaan antara webstorm dan idea?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Cadangan popular</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什么是URL地址" href="http://www.php.cn/ms/faq/414430.html">什么是URL地址</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="web端是什么意思" href="http://www.php.cn/ms/faq/417340.html">web端是什么意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="编程语言有哪些" href="http://www.php.cn/ms/faq/414438.html">编程语言有哪些</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什么是IT行业" href="http://www.php.cn/ms/faq/419217.html">什么是IT行业</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="error是什么意思" href="http://www.php.cn/ms/faq/414287.html">error是什么意思</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutorial Popular</div> <a target="_blank" href="http://www.php.cn/ms/course.html">Lagi> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutorial berkaitan <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Cadangan popular<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Kursus terkini<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="http://www.php.cn/ms/course/962.html" title="react+redux (versi Inggeris)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/626115b7f0362431.jpg" alt="react+redux (versi Inggeris)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="react+redux (versi Inggeris)" href="http://www.php.cn/ms/course/962.html">react+redux (versi Inggeris)</a> <div class="wzrthreerb"> <div>136418 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="962"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/963.html" title="react+redux (Bahasa Cina)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6257e1d6038d8966.png" alt="react+redux (Bahasa Cina)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="react+redux (Bahasa Cina)" href="http://www.php.cn/ms/course/963.html">react+redux (Bahasa Cina)</a> <div class="wzrthreerb"> <div>30767 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="963"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/970.html" title="Tutorial video asas Cina ReactJS" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d31bf6cf3e844.jpg" alt="Tutorial video asas Cina ReactJS"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial video asas Cina ReactJS" href="http://www.php.cn/ms/course/970.html">Tutorial video asas Cina ReactJS</a> <div class="wzrthreerb"> <div>28234 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="970"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1229.html" title="Bertindak balas dengan cepat" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6260ff7381db4875.jpg" alt="Bertindak balas dengan cepat"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Bertindak balas dengan cepat" href="http://www.php.cn/ms/course/1229.html">Bertindak balas dengan cepat</a> <div class="wzrthreerb"> <div>16231 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1229"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1265.html" title="Amalan projek bahagian belakang pusat membeli-belah bertindak balas" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f7384e21af831.jpg" alt="Amalan projek bahagian belakang pusat membeli-belah bertindak balas"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Amalan projek bahagian belakang pusat membeli-belah bertindak balas" href="http://www.php.cn/ms/course/1265.html">Amalan projek bahagian belakang pusat membeli-belah bertindak balas</a> <div class="wzrthreerb"> <div>67625 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1265"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="http://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a> <div class="wzrthreerb"> <div >1414742 kali belajar</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial Video Permulaan JAVA" href="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div >2460510 kali belajar</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div >502514 kali belajar</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="http://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a> <div class="wzrthreerb"> <div >215149 kali belajar</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/234.html" title="Kuasai tutorial video PS dari awal" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kuasai tutorial video PS dari awal" href="http://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a> <div class="wzrthreerb"> <div >872621 kali belajar</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="http://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a> <div class="wzrthreerb"> <div >6069 kali belajar</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="http://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a> <div class="wzrthreerb"> <div >4631 kali belajar</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="http://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a> <div class="wzrthreerb"> <div >3994 kali belajar</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="http://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a> <div class="wzrthreerb"> <div >595 kali belajar</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="http://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a> <div class="wzrthreerb"> <div >20369 kali belajar</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Muat turun terkini</div> <a href="http://www.php.cn/ms/xiazai">Lagi> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">kesan web <div></div></div> <div class="swiper-slide" data-id="twof">Kod sumber laman web<div></div></div> <div class="swiper-slide" data-id="threef">Bahan laman web<div></div></div> <div class="swiper-slide" data-id="fourf">Templat hujung hadapan<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="kod hubungan borang mesej perusahaan jQuery" href="http://www.php.cn/ms/xiazai/js/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kesan main balik kotak muzik MP3 HTML5" href="http://www.php.cn/ms/xiazai/js/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="http://www.php.cn/ms/xiazai/js/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery bentuk visual seret dan lepas kod penyuntingan" href="http://www.php.cn/ms/xiazai/js/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kod pemain muzik Kugou tiruan VUE.JS" href="http://www.php.cn/ms/xiazai/js/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Permainan kotak menolak html5 klasik" href="http://www.php.cn/ms/xiazai/js/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="http://www.php.cn/ms/xiazai/js/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kesan zum hover kulit album peribadi CSS3" href="http://www.php.cn/ms/xiazai/js/8064">[Kesan album foto] Kesan zum hover kulit album peribadi CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8328" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8327" title="Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8326" title="Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8325" title="Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8324" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8323" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8322" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8321" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG素材] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8328" target="_blank" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8327" target="_blank" title="Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8326" target="_blank" title="Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8325" target="_blank" title="Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8324" target="_blank" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8323" target="_blank" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8322" target="_blank" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/code/8321" target="_blank" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="http://www.php.cn/ms/about/xieyi.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a> <a href="http://www.php.cn/ms/about/yinsi.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a> <a href="http://www.php.cn/ms/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1">Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</dd> </dl> </div> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1729576369"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>