Το UmbrellaJS είναι η εναλλακτική λύση για το jQuery

Η ανοιχτή πηγή jQuery βιβλιοθήκη έχει κυριαρχήσει την ανάπτυξη ιστοσελίδων για χρόνια. Είναι ακόμα ένας από τους πιο αξιόπιστους πόρους για τη JavaScript, αλλά υπάρχει ένα νέα βιβλιοθήκη στην πόλη που ονομάζεται UmbrellaJS.

Ομπρέλα είναι επίσης ανοικτή πηγή και προσφέρει πολλές από τις ίδιες λειτουργίες συμπεριλαμβανομένων των επιλογέων στοιχείων, του χειρισμού DOM και των αιτήσεων AJAX.

Η ομπρέλα JS λειτουργεί σχεδόν ακριβώς όπως το jQuery εκτός από το διαφορετικές κλήσεις σύνταξης και λειτουργίας. Έτσι, αν η Umbrella είναι αυτή κοντά στο jQuery, ποιο είναι το όφελος της χρήσης του?

Λοιπόν, η ομπρέλα πρέπει να είναι α πολύ μικρότερη βιβλιοθήκη από το jQuery και είναι μόνο για χειρισμό DOM. Και ειλικρινά, αυτή η βιβλιοθήκη είναι σούπερ συμπαγές σε σύγκριση με το jQuery.

Η πλήρης βιβλιοθήκη Umbrella.js είναι περίπου 4KB μη εξομοιούμενη. την τελευταία έκδοση του jQuery υπερβαίνει τα 250KB! Έτσι αν ψάχνετε για ένα απλοποιημένη έκδοση του jQuery τότε ομπρέλα θα είναι ταχύτερη φόρτωση και εξίσου απλό στη χρήση.

Η ηλεκτρονική τεκμηρίωση προσφέρει ένα λίστα όλων των λειτουργιών και παραμέτρων μπορείτε να περάσετε σε αυτές τις λειτουργίες. Είναι το πλήρη οδηγό στην Ομπρέλα και είναι ενημερώνεται συνεχώς.

Ευτυχώς, πολλά παρόμοια χαρακτηριστικά jQuery μιμούνται μέσω Umbrella έτσι το η σύνταξη είναι πολύ εύκολη στην ανάγνωση. Για παράδειγμα, το επί() η μέθοδος είναι η ίδια και μπορείτε να περάσετε όλους τους ακροατές του ίδιου γεγονότος όπως Κάντε κλικ ή φτερουγίζω.

Η μεγαλύτερη διαφορά είναι ότι οι επιλογείς ομπρέλας χρησιμοποιούν το u () μέθοδο αντί της κοινής jQuery $ (). Εδώ είναι α παράδειγμα κώδικα που ενεργοποιεί ένα κουτί ειδοποίησης όταν κάποιος κάνει κλικ σε ένα κουμπί με την κλάση .κουμπί.

 u ("κουμπί") on ('κλικ', λειτουργία () alert ("Hello world")?)); 

Είναι ένα απλό παράδειγμα, αλλά δείχνει τέλεια την αξία της Umbrella.

Προς το δείτε μια ζωντανή επίδειξη δείτε αυτό το στυλό προσφέροντας ένα επιλογή πεδίου εισαγωγής δείγματος. Όλος ο κωδικός εξόδου είναι που εμφανίζεται στην οθόνη. Μπορείτε επίσης να μελετήστε τον πηγαίο κώδικα Umbrella JS για να δούμε πώς λειτουργεί.

Για να μάθετε περισσότερα σχετικά με την Umbrella, δείτε το επίσημη ιστοσελίδα ή να ρίξετε μια ματιά στον πηγαίο κώδικα ζωντανά στο GitHub repo.