React 19 telah hadir, membawakan pelbagai ciri baharu, penambahbaikan dan perubahan besar. Keluaran ini mentakrifkan semula cara pembangun mengendalikan pengurusan negeri, borang dan pemaparan sebelah pelayan sambil menghentikan penggunaan API lama. Jika anda bercadang untuk menaik taraf, sandarkan diri untuk perjalanan yang transformatif. Panduan ini akan membimbing anda melalui sorotan React 19, dengan petua untuk memastikan peralihan yang lancar.
Sorotan React 19
Ciri Baharu
1. Tindakan dan gunakanActionState
startTransition API kini menyokong fungsi async, dirujuk sebagai "Tindakan." Tindakan boleh mengurus kemas kini keadaan, mengendalikan kesan sampingan seperti fetch(), dan termasuk pengendalian ralat. Mereka menyelaraskan peralihan dengan kemas kini keadaan yang diselaraskan dan pemaparan UI.
Kait useActionState baharu melengkapkan ini dengan menyediakan akses kepada keadaan Tindakan, termasuk keadaan belum selesai dan keadaan akhir. Ia menerima pengurang untuk kawalan berbutir, menjadikannya alat penting untuk interaksi bentuk dan aliran keadaan kompleks.
2. Kemas Kini Optimis dengan useOptimistic
useOptimistic membolehkan pembangun menetapkan perubahan keadaan sementara semasa peralihan sedang berjalan, memberikan pengalaman pengguna yang lebih lancar. Keadaan berbalik atau mengemas kini secara automatik sebaik sahaja operasi async selesai.
3. gunakan API
React 19 memperkenalkan use API, yang membenarkan janji atau konteks dibaca semasa pemaparan. Ini boleh memudahkan aliran kerja pengambilan data pelayan tetapi disertakan dengan sekatan yang digunakan hanya boleh dipanggil dalam fungsi pemaparan.
4. rujuk sebagai Prop
Anda kini boleh menghantar rujukan sebagai prop secara langsung, menghapuskan keperluan untuk forwardRef. Perubahan ini memudahkan komposisi komponen dan menjadikan kerja dengan rujukan lebih intuitif.
5. Suspensi yang Diperbaiki
Suspense kini menyokong prapemanasan adik beradik, yang melakukan komponen sandaran serta-merta apabila adik beradik digantung. Peningkatan ini meningkatkan prestasi dan pengalaman pengguna dalam aplikasi berat data.
Tindak Balas Penambahbaikan Pelanggan DOM
1. Tindakan Bentuk
Borang dalam React lebih pintar dengan , membolehkan penyepaduan yang lebih baik dengan useFormStatus. Menghantar borang secara automatik menetapkan semula keadaannya untuk komponen yang tidak terkawal.
2. Metadata Dokumen dan Pengoptimuman Sumber
React 19 secara asli menyokong pemaparan metadata dokumen, seperti
atau <meta> tag, dalam pokok komponen. Selain itu, API baharu seperti prainit, pramuat dan prasambung memperbaik penemuan sumber dan masa pemuatan.</p>
<h4>
3. <strong>Skrip Async</strong>
</h4>
<p>Anda kini boleh memaparkan skrip async di mana-mana sahaja dalam pepohon komponen. React mengendalikan pesanan dan penyahduplikasian, memperkemas penyepaduan skrip pihak ketiga.</p>
<hr>
<h3>
<strong>React DOM Server</strong>
</h3>
<h4>
1. <strong>API Prapaparan Baharu</strong>
</h4>
<p>API <strong>prapaparan</strong> dan <strong>prapaparanToNodeStream</strong> meningkatkan pemaparan sebelah pelayan (SSR) dengan menyokong persekitaran penstriman seperti Node.js. API ini menunggu pemuatan data sebelum menjana HTML, menjadikan SSR lebih mantap.</p>
<h4>
2. <strong>Komponen Pelayan Tindak Balas Stabil (RSC)</strong>
</h4>
<p>Komponen Pelayan kini stabil, membolehkan perpustakaan menyasarkan React 19 sebagai pergantungan rakan sebaya. Ini sejajar dengan seni bina Timbunan Penuh React dan membolehkan penyepaduan lancar dengan rangka kerja seperti Next.js.</p>
<hr>
<h3>
<strong>Pemberhentian dan Perubahan Pecah</strong>
</h3>
<h4>
<strong>Pemberhentian</strong>
</h4>
<ul>
<li>
<strong>akses element.ref</strong>: Ditamatkan dan memihak kepada element.props.ref.</li>
<li>
<strong>react-test-renderer</strong>: Log amaran penamatan; pertimbangkan untuk berhijrah ke Pustaka Pengujian React.</li>
<li>
<strong>API Warisan</strong>: API seperti ContextTypes, Props lalai untuk fungsi dan rujukan rentetan tidak digunakan secara rasmi.</li>
</ul>
<h4>
<strong>Memecahkan Perubahan</strong>
</h4>
<ol>
<li><p><strong>Keperluan Transformasi JSX</strong><br>
Transformasi JSX baharu adalah wajib dalam React 19. Ini membolehkan ciri seperti rujukan sebagai prop dan meningkatkan prestasi keseluruhan.</p></li>
<li><p><strong>Ralat Mengendalikan Perubahan</strong><br>
Ralat yang tidak ditangkap kini dilaporkan kepada window.reportError, manakala ralat yang ditangkap oleh sempadan dilog melalui console.error. Kaedah baharu seperti onUncaughtError dan onCaughtError membenarkan penyesuaian.</p></li>
<li>
<p><strong>API Dialih Keluar</strong></p>
<ul>
<li>
<strong>ReactDOM.render dan ReactDOM.hydrate</strong>: Digantikan oleh ReactDOM.createRoot dan ReactDOM.hydrateRoot.</li>
<li>
<strong>defaultProps untuk fungsi</strong>: Gunakan parameter lalai ES6 sebaliknya.</li>
<li>
<strong>Konteks Warisan</strong>: Gunakan API ContextType moden.</li>
<li>
<strong>react-dom/test-utils</strong>: Digantikan dengan act daripada React core.</li>
</ul>
</li>
<li><p><strong>Binaan UMD Dialih Keluar</strong><br>
Binaan UMD tidak lagi disokong. Gunakan CDN berasaskan ESM untuk penggunaan teg skrip, seperti esm.sh.</p></li>
</ol>
<hr>
<h2>
<strong>Bersedia untuk Peningkatan</strong>
</h2>
<h3>
1. <strong>Naik taraf kepada React 18.3 Dahulu</strong>
</h3>
<p>React 18.3 memperkenalkan amaran penamatan untuk API yang dialih keluar dalam React 19. Langkah perantaraan ini membantu mengenal pasti isu yang berpotensi sebelum peningkatan penuh.</p>
<h3>
2. <strong>Kodemod dan Alat Migrasi</strong>
</h3>
<p>Gunakan codemod React untuk mengautomasikan kemas kini berulang, seperti memfaktorkan semula API yang tidak digunakan dan melaraskan jenis TypeScript.</p>
<h3>
3. <strong>Pelarasan TypeScript</strong>
</h3>
<p>React 19 termasuk penaipan TypeScript yang lebih ketat. Contohnya:</p>
<ul>
<li>
ReactChild → React.ReactElement | nombor | rentetan
</li>
<li>
VoidFunctionComponent → FunctionComponent
</li>
</ul>
<p>Faktor semula kod anda untuk menyelaraskan dengan kemas kini ini.</p>
<hr>
<h2>
<strong>Petua untuk Peralihan yang Lancar</strong>
</h2>
<ul>
<li>
<strong>Memanfaatkan Mod Tegas</strong>: React 19 memperkenalkan penguatkuasaan amalan terbaik yang lebih ketat. Menjalankan apl anda dalam Mod Ketat boleh mendedahkan pepijat tersembunyi.</li>
<li>
<strong>Uji Awal dan Selalunya</strong>: Memandangkan perubahan yang ketara, ujian menyeluruh adalah kritikal. Peralihan daripada react-test-renderer kepada React Testing Library memastikan keserasian dengan pemaparan serentak.</li>
<li>
<strong>Semak Perenderan Pelayan</strong>: Jika apl anda menggunakan SSR, uji terhadap API prapaparan baharu React 19 dan pastikan penyepaduan lancar bagi komponen pelayan.</li>
</ul>
<hr>
<h2>
<strong>Kenapa React 19 Penting</strong>
</h2>
<p>React 19 ialah lonjakan ketara ke hadapan, memperhalusi pengalaman pembangun sambil mendayakan keupayaan berkuasa untuk aplikasi moden. Sama ada anda teruja dengan Tindakan async, Suspense yang dipertingkatkan atau peningkatan pemaparan sebelah pelayan, keluaran ini padat dengan ciri untuk membantu pembangun membina apl yang lebih pantas dan berdaya tahan.</p>
<p>Bersedia untuk menyelam? Mulakan dengan Panduan Naik Taraf React 19 dan terokai nota keluaran penuh.</p>
<p>Selamat pengekodan! ?</p>
<p>Atas ialah kandungan terperinci Meneroka Ciri Reaksi, Penamatan dan Perubahan Memecah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div>
</div>
<div style="height: 25px;">
<div style="display: inline-flex;float: right; color:#333333;">sumber：dev.to</div>
</div>
<div class="wzconOtherwz">
<a href="//m.sbmmt.com/ms/faq/1796715905.html" title="Mengapa Pembuangan Elemen JavaScript Sangat Rumit, dan Bagaimana Ia Boleh Dipermudahkan?">
<span>Artikel sebelumnya：Mengapa Pembuangan Elemen JavaScript Sangat Rumit, dan Bagaimana Ia Boleh Dipermudahkan?</span>
</a>
<a href="//m.sbmmt.com/ms/faq/1796715919.html" title="Mengapa JSON.stringify Gagal Mengikat Objek Ralat?">
<span>Artikel seterusnya：Mengapa JSON.stringify Gagal Mengikat Objek Ralat?</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>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Artikel terbaru oleh pengarang</div>
<ul>
</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="//m.sbmmt.com/ms/wenda/176411.html" target="_blank" title="function_exists() tidak boleh menentukan fungsi tersuai" class="wdcdcTitle">function_exists() tidak boleh menentukan fungsi tersuai</a>
<a href="//m.sbmmt.com/ms/wenda/176411.html" class="wdcdcCons">Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-29 11:01:01</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>3</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2226</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ms/wenda/176410.html" target="_blank" title="Bagaimana untuk memaparkan versi mudah alih Google Chrome" class="wdcdcTitle">Bagaimana untuk memaparkan versi mudah alih Google Chrome</a>
<a href="//m.sbmmt.com/ms/wenda/176410.html" class="wdcdcCons">Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-23 00:22:19</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>11</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2372</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ms/wenda/176407.html" target="_blank" title="Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas." class="wdcdcTitle">Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas.</a>
<a href="//m.sbmmt.com/ms/wenda/176407.html" class="wdcdcCons">Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-19 15:37:47</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>1980</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ms/wenda/176406.html" target="_blank" title="Tiada output dalam tetingkap induk" class="wdcdcTitle">Tiada output dalam tetingkap induk</a>
<a href="//m.sbmmt.com/ms/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-18 23:52:34</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>1868</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="//m.sbmmt.com/ms/wenda/176405.html" target="_blank" title="Di manakah perisian kursus tentang pemetaan minda CSS?" class="wdcdcTitle">Di manakah perisian kursus tentang pemetaan minda CSS?</a>
<a href="//m.sbmmt.com/ms/wenda/176405.html" class="wdcdcCons">Perisian kursus</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-16 10:10:18</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>0</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1938</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="//m.sbmmt.com/ms/faq/zt" target="_blank">Lagi>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/win10xzrjwfaz"><img src="https://img.php.cn/upload/subject/202407/22/2024072212173269456.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Penyelesaian kepada masalah yang perisian muat turun win10 tidak boleh dipasang" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/win10xzrjwfaz" class="title-a-spanl" title="Penyelesaian kepada masalah yang perisian muat turun win10 tidak boleh dipasang"><span>Penyelesaian kepada masalah yang perisian muat turun win10 tidak boleh dipasang</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/ypfqdbkzmjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213402552533.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyelesaikan masalah bahawa partition cakera keras tidak boleh dibuka" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/ypfqdbkzmjj" class="title-a-spanl" title="Bagaimana untuk menyelesaikan masalah bahawa partition cakera keras tidak boleh dibuka"><span>Bagaimana untuk menyelesaikan masalah bahawa partition cakera keras tidak boleh dibuka</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/updateyjyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213550443273.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="kemas kini penggunaan penyata" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/updateyjyf" class="title-a-spanl" title="kemas kini penggunaan penyata"><span>kemas kini penggunaan penyata</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/mfdwzym"><img src="https://img.php.cn/upload/subject/202407/22/2024072212293874641.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Nama domain tapak web percuma" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/mfdwzym" class="title-a-spanl" title="Nama domain tapak web percuma"><span>Nama domain tapak web percuma</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/scbgldydbg"><img src="https://img.php.cn/upload/subject/202407/22/2024072213315673508.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Padamkan jadual berlebihan dalam jadual" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/scbgldydbg" class="title-a-spanl" title="Padamkan jadual berlebihan dalam jadual"><span>Padamkan jadual berlebihan dalam jadual</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/wifiytyssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072213301131723.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah maksud wifi dinyahaktifkan?" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/wifiytyssmys" class="title-a-spanl" title="Apakah maksud wifi dinyahaktifkan?"><span>Apakah maksud wifi dinyahaktifkan?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/danymrhyh"><img src="https://img.php.cn/upload/subject/202407/22/2024072214004278341.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk mengoptimumkan satu halaman" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/danymrhyh" class="title-a-spanl" title="Bagaimana untuk mengoptimumkan satu halaman"><span>Bagaimana untuk mengoptimumkan satu halaman</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="//m.sbmmt.com/ms/faq/dtvpszhip"><img src="https://img.php.cn/upload/subject/202407/22/2024072213562941033.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah kaedah untuk menukar IP dalam vps dinamik serta-merta?" /> </a>
<a target="_blank" href="//m.sbmmt.com/ms/faq/dtvpszhip" class="title-a-spanl" title="Apakah kaedah untuk menukar IP dalam vps dinamik serta-merta?"><span>Apakah kaedah untuk menukar IP dalam vps dinamik serta-merta?</span> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<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>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<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="apa maksud js" href="//m.sbmmt.com/ms/faq/482163.html">apa maksud js</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="js怎么将字符串转为数组？" href="//m.sbmmt.com/ms/faq/461802.html">js怎么将字符串转为数组？</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="javascript如何刷新页面" href="//m.sbmmt.com/ms/faq/473330.html">javascript如何刷新页面</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="sqrt函数怎么使用" href="//m.sbmmt.com/ms/faq/415276.html">sqrt函数怎么使用</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="js数组怎么删除某一项" href="//m.sbmmt.com/ms/faq/475790.html">js数组怎么删除某一项</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="//m.sbmmt.com/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="//m.sbmmt.com/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="//m.sbmmt.com/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>1423220 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/ms/course/74.html" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" href="//m.sbmmt.com/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a>
<div class="wzrthreerb">
<div>4268777 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="74">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
<div class="wzrthreerb">
<div>2536637 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
<div class="wzrthreerb">
<div>507476 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/ms/course/2.html" title="Tutorial pengenalan berasaskan sifar PHP" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutorial pengenalan berasaskan sifar PHP"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutorial pengenalan berasaskan sifar PHP" href="//m.sbmmt.com/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a>
<div class="wzrthreerb">
<div>862789 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="2">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="two" style="display: none;">
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/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 >1423220 kali belajar</div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
<div class="wzrthreerb">
<div >2536637 kali belajar</div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
<div class="wzrthreerb">
<div >507476 kali belajar</div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a>
<div class="wzrthreerb">
<div >215856 kali belajar</div>
<div class="courseICollection" data-id="901">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/234.html">Kuasai tutorial video PS dari awal</a>
<div class="wzrthreerb">
<div >890437 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="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a>
<div class="wzrthreerb">
<div >7475 kali belajar</div>
<div class="courseICollection" data-id="1648">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a>
<div class="wzrthreerb">
<div >5962 kali belajar</div>
<div class="courseICollection" data-id="1647">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a>
<div class="wzrthreerb">
<div >4938 kali belajar</div>
<div class="courseICollection" data-id="1646">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a>
<div class="wzrthreerb">
<div >697 kali belajar</div>
<div class="courseICollection" data-id="1645">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a>
<div class="wzrthreerb">
<div >24741 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="//m.sbmmt.com/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/js-special-effects/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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-materials/3078" target="_blank" title="Bahan vektor elemen musim panas yang comel (EPS+PNG)">[bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3077" target="_blank" title="Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)">[bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3076" target="_blank" title="Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)">[gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3075" target="_blank" title="Bahan vektor topi pengijazahan emas (EPS+PNG)">[bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3074" target="_blank" title="Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)">[bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3073" target="_blank" title="Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza">[bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3072" target="_blank" title="Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)">[gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="//m.sbmmt.com/ms/toolset/website-materials/3071" target="_blank" title="Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)">[bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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="//m.sbmmt.com/ms/toolset/website-source-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>
<footer>
<div class="footer">
<div 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 class="footermid">
<a href="//m.sbmmt.com/ms/about/us.html">Tentang kita</a>
<a href="//m.sbmmt.com/ms/about/disclaimer.html">Penafian</a>
<a href="//m.sbmmt.com/ms/update/article_0_1.html">Sitemap</a>
</div>
<div class="footerbottom">
<p>
© php.cn All rights reserved
</p>
</div>
</div>
</footer>
<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?1734567615"></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>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '9']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>
