UmbrellaJS adalah Alternatif Anda untuk jQuery

Sumber terbuka perpustakaan jQuery telah mendominasi pengembangan web selama bertahun-tahun. Ini masih salah satu sumber daya tepercaya untuk JavaScript, tetapi ada perpustakaan baru di kota bernama PayungJS.

Payung juga sumber sepenuhnya terbuka dan menawarkan banyak fungsi yang sama termasuk pemilih elemen, manipulasi DOM, dan permintaan AJAX.

Payung JS bekerja hampir persis seperti jQuery kecuali dengan sintaks dan panggilan fungsi berbeda. Jadi jika Payung sedekat ini dengan jQuery, apa untungnya menggunakannya?

Nah, Payung dimaksudkan untuk menjadi perpustakaan jauh lebih kecil dari jQuery dan itu hanya untuk manipulasi DOM. Dan sejujurnya, perpustakaan ini sangat kompak bila dibandingkan dengan jQuery.

Perpustakaan Umbrella.js lengkap adalah sekitar 4KB non-minified. Versi terbaru jQuery total lebih dari 250KB! Jadi, jika Anda mencari versi jQuery yang disederhanakan maka Payung akan menjadi lebih cepat memuat dan sama mudahnya untuk digunakan.

Dokumentasi online menawarkan a daftar semua fungsi dan parameter Anda dapat beralih ke fungsi-fungsi itu. Ini adalah panduan lengkap ke Payung dan itu terus diperbarui.

Untungnya, banyak fitur jQuery serupa ditiru melalui Payung jadi Sintaksnya sangat mudah dibaca. Misalnya, di() Metode ini sama dan Anda dapat melewati semua pendengar acara yang sama seperti klik atau melayang.

Perbedaan terbesar adalah bahwa penyeleksi Payung menggunakan kamu () Metode bukan jQuery yang umum $ (). Ini a contoh kode yang memicu kotak peringatan ketika seseorang mengklik tombol dengan kelas .tombol.

 u ("tombol"). on ('click', function () alert ("Hello world");); 

Ini adalah contoh sederhana tetapi dengan sempurna menggambarkan nilai Payung.

Untuk lihat demo langsung lihat penawaran pena ini a pemilihan bidang input sampel. Semua kode output ditampilkan tepat di layar. Anda juga bisa mempelajari kode sumber JS Payung untuk melihat cara kerjanya.

Untuk mempelajari lebih lanjut tentang Payung, periksa situs web resmi atau mengintip kode sumber langsung di Repo GitHub.