Najlepszy samouczek Dlaczego warto korzystać z biblioteki jQuery UI widget W 2024 r. W tym samouczku możesz dowiedzieć się Bezpaństwowcem vs. widget Stateful,spójne API,Ustaw opcje w inicjalizacji,
Napisz jQuery wtyczki i jQuery.prototype
(zazwyczaj wyświetlany jako $.fn
) Dodaj Sposób prosty i trzeba przestrzegać kilku prostych zasad, takich jak powrót do this
. Więc dlaczego obecność bibliotek komponentów (Widget fabryczne)?
W tej części będziemy wyjaśniać korzyści z bibliotek komponentów (Widget fabryczne) i dowiedzieć się, kiedy go używać i dlaczego z niego korzystać.
Większość wtyczek jQuery jest bezpaństwowcem, wykonują pewne działania, aby zakończyć swoje zadania. Na przykład, jeśli używasz .text( "hello" )
element jest ustawiony na tekst, nie ma fazy instalacji, wyniki są takie same. Dla tego typu plug-in, to po prostu rozszerza prototyp jQuery.
Jednak niektóre wtyczki są stanowe, mają cały cykl życia, aby utrzymać status i reagowania na zmiany. Te wtyczki wymagają dużo specjalistycznego kodu zainicjować i zarządzanie stanem (a czasem niszczyć). Doprowadziło to do powstania wtyczek do tworzenia szablonu stanowej. Co gorsza, każdy widget autorzy w różny sposób zarządzać plug-in cyklu życia i stanu, co doprowadziło do różnych wtyczek mają różne style API. Komponent Library (Widget fabryczne) ma na celu rozwiązanie tych problemów, usuwa szablonu i tworzenie spójnego API dla wtyczek.
Komponent Library (Widget fabryczne) określa sposób tworzenia i niszczenia widgety, pobrać i ustawić opcje, należy wywołać metodę, jak również zdarzenia wyzwalające widgetów monitora. Aby utworzyć pełnostanowego wtyczki z wykorzystaniem biblioteki widget Widget (fabryczne), automatycznie spełnia definicję standardów, dzięki czemu nowi użytkownicy łatwiej korzystać z plug-in. Ponadto, funkcja biblioteki Widget (Widżet fabryczne) umożliwia również zdefiniowanie interfejsu. Jeśli jesteś częścią biblioteki API (Widget fabryczne) nie podana znać, sprawdź , jak korzystać z biblioteki, (Widget fabryczne) .
Podczas tworzenia plug-in opcji, aby zaakceptować, powinieneś być tak wiele opcji definiowania domyślnych. Następnie w inicjacji, aby zapewnić użytkownikom z możliwością połączenia z domyślnych. Można również wystawiać domyślne, dzięki czemu użytkownicy mogą zmieniać wartości domyślnej. W jQuery plug-in, wspólny tryb jest w następujący sposób:
$.fn.plugin = function( options ) { options = $.extend( {}, $.fn.plugin.defaults, options ); // Plugin logic goes here. }; $.fn.plugin.defaults = { param1: "foo", param2: "bar", param3: "baz" };
Komponent Library (Widget fabryczne) oferuje tę funkcję i ulepszenia zostały dokonane w nim. Po użyciu biblioteki widget Widget (fabryczne), to zostanie pokazane poniżej.
$.widget( "ns.plugin", { // Default options. options: { param1: "foo", param2: "bar", param3: "baz" }, _create: function() { // Options are already merged and stored in this.options // Plugin logic goes here. } });