Główna » Kodowanie » UmbrellaJS jest Twoją alternatywą dla jQuery

    UmbrellaJS jest Twoją alternatywą dla jQuery

    Otwarte źródło biblioteka jQuery zdominował tworzenie stron internetowych od lat. Nadal jest to jeden z najbardziej zaufanych zasobów JavaScript, ale jest nowa biblioteka w mieście nazywa UmbrellaJS.

    Parasol jest również całkowicie otwarte źródło i oferuje wiele takich samych funkcji w tym selektory elementów, manipulacje DOM i żądania AJAX.

    Umbrella JS działa prawie dokładnie tak samo jak jQuery z wyjątkiem różne składnie i wywołania funkcji. Więc jeśli Umbrella jest tak blisko jQuery, jaka jest korzyść korzystania z niego?

    Umbrella ma być znacznie mniejsza biblioteka niż jQuery i jego tylko do manipulacji DOM. I szczerze mówiąc, ta biblioteka jest super kompaktowy w porównaniu do jQuery.

    Pełna biblioteka Umbrella.js to około 4KB niesklasyfikowane. Najnowsza wersja jQuery wynosi ponad 250 KB! Więc jeśli szukasz uproszczona wersja jQuery wtedy będzie Umbrella szybciej załadować i tak samo prosty w użyciu.

    Dokumentacja online oferuje lista wszystkich funkcji i parametrów możesz przekazać te funkcje. To jest kompletny przewodnik do Umbrella i to stale aktualizowany.

    Na szczęście wiele podobnych funkcji jQuery jest naśladowanych przez Umbrella, więc składnia jest bardzo łatwa do odczytania. Na przykład na() metoda jest taka sama i możesz przekazać wszystkie te same detektory zdarzeń, takie jak Kliknij lub wahać się.

    Największa różnica jest to, że selektory parasolowe używają u () metoda zamiast wspólnego jQuery $ (). Tutaj jest przykład kodu który uruchamia pole ostrzeżenia, gdy ktoś kliknie przycisk klasy .przycisk.

     u („button”). on („click”, function () alert („Hello world”);); 

    To prosty przykład, ale doskonale ilustruje wartość Umbrella.

    Do zobacz demo na żywo sprawdź to pióro wybór pola wprowadzania próbki. Cały kod wyjściowy to wyświetlane bezpośrednio na ekranie. Możesz również przestudiuj kod źródłowy Umbrella JS aby zobaczyć, jak to działa.

    Aby dowiedzieć się więcej na temat parasola, sprawdź oficjalna strona internetowa lub zajrzyj do kodu źródłowego na żywo w Repo GitHub.