3 perpustakaan JavaScript untuk menggantikan jQuery

Menyederhanakan tugas seperti traversal dokumen HTML, animasi, dan pengendalian acara, perpustakaan jQuery stalwart mengubah wajah pengembangan web. Sehingga Mei 2019, jQuery masih digunakan di 74 peratus laman web yang diketahui, menurut juruukur teknologi web W3Techs. Walaupun begitu, perpustakaan jQuery, yang dilancarkan pada bulan Ogos 2006, kini dilihat oleh beberapa pembangun sebagai teknologi lama yang waktunya telah berlalu.

Alternatif untuk jQuery telah muncul dalam beberapa tahun kebelakangan ini, seperti perpustakaan Tunai atau bahkan JavaScript vanilla yang moden, sekarang bahawa semua penyemak imbas web mengendalikan JavaScript dengan cara yang sama dan jQuery tidak lagi diperlukan untuk menyelesaikan masalah keserasian. Hujah di Reddit dan video di YouTube menjadikan jQuery telah menjadi usang, atau sekurang-kurangnya tidak semestinya seperti dulu.

Mengapa jQuery tidak lagi diperlukan

Dalam satu persembahan YouTube, "Adakah jQuery masih relevan pada tahun 2018?", Pendidik pembangunan web Brad Traversy mengakui bahawa jQuery mungkin merupakan perpustakaan JavaScript umum terbaik yang pernah dibuat. Sangat mudah dipelajari, serasi antara penyemak imbas, lebih ringkas daripada JavaScript vanila yang lebih lama, dan kaya dengan pemalam yang menawarkan fungsi tertentu. Tetapi JavaScript telah maju sejak ECMAScript 6, dan jQuery tidak lagi diperlukan dalam banyak keadaan, Traversy menyimpulkan.

Dalam video lain, pendidik pengekodan Kenneth Lowrey berpendapat bahawa menjadi lancar dalam jQuery adalah membuang masa. Dalam landskap pembangunan web semasa, penyemak imbas moden mengendalikan JavaScript yang sama, sebahagian besarnya. Dalam kebanyakan kes, kod JavaScript asli lebih baik daripada "perpustakaan warisan kembung seperti jQuery," katanya.

Walaupun jQuery menjadi pilihan untuk membuat permintaan HTTP, misalnya, ECMAScript 6 memunculkan Fetch, API berdasarkan janji yang membuat permintaan HTTP lebih mudah. Dan kemajuan tidak berhenti dengan HTTP. Di mana jQuery mempunyai utiliti untuk tugas-tugas seperti memanipulasi tatasusunan, vanilla JavaScript kini juga mempunyai tempat untuk operasi ini.

Animasi masih lebih sukar dengan JavaScript vanilla daripada jQuery, tetapi ada pilihan lain seperti peralihan CSS atau bingkai utama, Traversy menunjukkan. Perpustakaan GreenSock pihak ketiga juga boleh digunakan untuk animasi. Untuk manipulasi DOM, tugas yang pernah diperintah oleh jQuery, API penyemak imbas asli telah menutup jurang.

Untuk tugas yang tidak dapat dilakukan dalam JavaScript vanila, Traversy mengesyorkan perpustakaan khusus, dan bukannya perpustakaan umum seperti jQuery. Traversy juga mengesyorkan menggunakan kerangka kerja JavaScript seperti React, Angular, atau Vue untuk aplikasi bersaiz sederhana dan besar. Traversy masih mengesyorkan jQuery untuk digunakan di laman web sederhana tanpa kerangka kerja. 

alternatif jQuery

Apa yang harus anda gunakan dan bukannya jQuery? Selain moden, vanilla JavaScript, senarai pendek alternatif jQuery termasuk Cash, Zepto, dan Syncfusion Essential JS 2. Cash dan Zepto adalah perpustakaan JavaScript sumber terbuka yang terdapat di bawah lesen MIT. Syncfusion Essential JS 2 adalah produk komersial. 

Wang Tunai

Wang tunai mempunyai lebih daripada 3,570 bintang di GitHub. Dikenakan sebagai "alternatif jQuery kecil yang tidak masuk akal" untuk penyemak imbas moden, Cash mempunyai sintaks gaya jQuery untuk memanipulasi DOM dan mengambil ruang 32KB, tanpa kompres. Tunai menyokong keupayaan termasuk acara dengan ruang nama, jenis TypeScript, dan binaan moden. Anda boleh memuat turun Wang Tunai dari GitHub.

Zepto

Zepto digambarkan sebagai "perpustakaan JavaScript minimalis dengan API yang serasi dengan jQuery." Pembangun yang mengetahui jQuery sudah tahu bagaimana menggunakan Zepto, kata pembuatnya. Zepto bermaksud jauh lebih kecil dan memuat lebih pantas daripada jQuery, dan boleh berfungsi dengan set alat PhoneGap untuk penyemak imbas mudah alih dan desktop. Anda boleh memuat turun Zepto dari laman web projek.

Syncfusion Essential JS 2

Syncfusion Essential JS 2 adalah pustaka kawalan UI JavaScript yang dilesenkan secara komersil yang ditulis dalam TypeScript. Berfungsi sebagai alternatif untuk perpustakaan jQuery UI, Syncfusion dirancang untuk menjadi perpustakaan overhead rendah, ringan, dan modular untuk meningkatkan aplikasi web. Syncfusion menyokong kerangka kerja termasuk Angular, React, dan Vue. Anda boleh membeli Syncfusion Essential JS 2 atau memuat turun percubaan percuma dari laman web Syncfusion. Kod sumber lengkap, fail ujian unit, skrip ujian, dan demo langsung boleh didapati di GitHub.