UmbrellaJS adalah Alternatif anda kepada jQuery

Sumber terbuka perpustakaan jQuery telah menguasai pembangunan web selama bertahun-tahun. Ia masih salah satu sumber yang paling dipercayai untuk JavaScript, tetapi ada satu perpustakaan baru di bandar dipanggil UmbrellaJS.

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

Payung JS berfungsi hampir sama seperti jQuery kecuali dengan sintaks yang berbeza dan panggilan fungsi. Jadi jika Umbrella adalah dekat dengan jQuery, apa faedahnya menggunakannya?

Nah, Umbrella dimaksudkan untuk menjadi perpustakaan lebih kecil daripada jQuery dan ia hanya untuk manipulasi DOM. Dan dengan jujur, perpustakaan ini super padat apabila dibandingkan dengan jQuery.

Perpustakaan Umbrella.js penuh kira-kira 4KB tidak minified. versi terkini jQuery jumlahnya melebihi 250KB! Jadi jika anda cari versi mudah jQuery maka Umbrella akan menjadi lebih cepat untuk memuatkan dan sama seperti mudah digunakan.

Dokumentasi dalam talian menawarkan a senarai semua fungsi dan parameter anda boleh lulus dengan fungsi tersebut. Ia adalah panduan lengkap untuk Umbrella dan ia sentiasa dikemas kini.

Syukurlah, banyak ciri jQuery yang serupa meniru melalui Umbrella jadi sintaks sangat mudah dibaca. Sebagai contoh, pada () kaedah adalah sama dan anda boleh lulus semua pendengar acara yang sama seperti klik atau berlegar.

Perbezaan terbesar adalah pemilihan Umbrella menggunakan u () kaedah bukan jQuery biasa $ (). Inilah a contoh kod yang mencetuskan kotak amaran apabila seseorang mengklik butang dengan kelas .butang.

 u ("button"). pada ('klik', fungsi () alert ("Hello world");); 

Contohnya mudah tetapi ia menggambarkan dengan jelas nilai Payung.

Untuk lihat demo langsung semak pena ini menawarkan a pemilihan medan input sampel. Semua kod output ialah dipaparkan tepat pada skrin. Anda juga boleh semak kod sumber Umbrella JS untuk melihat bagaimana ia berfungsi.

Untuk mengetahui lebih lanjut tentang Payung, lihat laman web rasmi atau mengintip kod sumber hidup di dalam Repo GitHub.