autocomplete.js: potężne i lekkie autouzupełnianie

autouzupełnianie.js, to słowo dnia. Chciałbym przedstawić autouzupełnianie, które niedawno opracowałem i które można teraz znaleźć na stronie poświęconej projektowi, a także na stronie GitHub.

Ponieważ jestem programistą Symfony, regularnie muszę szukać nowych rozwiązań zarówno w celu optymalizacji mojego kodu PHP, jak i tworzenia interfejsów, które są bardziej przyjazne i jak najlżejsze. Niestety ten ostatni punkt jest błędny, ponieważ tu i ówdzie istnieją skrypty do wykonywania akcji bardziej „kikou” niż inne. Ostatnio potrzebowałem prostego autouzupełniania typu zdalnego (AJAX). Myślę, że każdy zna bibliotekę jQuery. Za pośrednictwem tej biblioteki można znaleźć inne zestawy narzędzi, takie jak jQuery-UI, oferujące wiele usług, w tym widżet autouzupełniania. Między innymi będziesz mógł znaleźć autouzupełnianie, które właśnie do ciebie podlinkowałem, oraz jego słynną dokumentację, która pozostawia mnie osobiście bardzo sceptycznego co do przydatności oferowanych funkcji. I przyznajmy, że wszystkie funkcje są przydatne, jeśli nadal musimy je wszystkie opanować.

autouzupełnianie.js

Potem wpadłem na pomysł napisania biblioteki, która byłaby używana tylko do autouzupełnianiekto by był? światło a przede wszystkim kto by nim był bez zależności ! To autouzupełnianie oferuje tylko rozwiązanie dla autouzupełniania typu „zdalnego”. Autouzupełnianie bez AJAX jest obfite w sieci, ale rzadkie są te, które oferują wersję „pełną internetową”.

Czy Twoje autouzupełnianie jest bardzo lekkie?

Obliczenie między naszymi dwoma produktami jest dość proste. Sugeruję szybkie porównanie wag obu kodów.

autouzupełnianie.js

Jest to bardzo łatwe do obliczenia, autouzupełnianie nie ma żadnych zależności, aw chwili pisania tego tekstu najnowsza wersja, którą wydałem jako stabilna (v 1.4.0), waży zaledwie 4 KB miesięcznie.

Autouzupełnianie jQuery-UI

Dla niego jest to dość proste do obliczenia. Jeśli weźmiemy tylko niezbędne widżety, UI waży około 34Kb, do czego musimy dodać zależność jQuery. W zależności od wybranej wersji waga będzie się różnić. Tutaj biorę wagę wersji dostarczonej z UI, czyli wersji 1.11.1 za wagę 93Ko. To łączna waga 127Ko, aby wykonać proste autouzupełnianie. Osobiście wyobrażam sobie również, że wpływ na wydajność musi być równie nieproporcjonalny…

autocomplete.js jest typu Plug-and-Play

Wygląda to prawie jak skandalicznie skopiowana reklama, która kryje się za tym określeniem sprzedawca, magiczna cecha. I nie, jak zobaczysz w dokumentacji autocomplete.js, wystarczy po prostu załadować skrypt JavaScript i wykonać po załadowaniu biblioteki skrypt. Cała dokumentacja jest dostępna na stronie interfejsu API autocomplete-js.com.

Alternatywa

Chociaż opracowany przeze mnie scenariusz nie jest przesadnie przetestowany, to już doskonale służył mi przy profesjonalnych projektach. Dlatego dobrze byłoby, aby pojawiły się skrypty alternatywne do fabryk typu jQuery, zarówno dla autouzupełniania, jak i dla innych dostępnych widżetów.

Dzisiaj Google nie oferuje żadnej alternatywy i można ją zobaczyć tylko podczas wyszukiwania.

• Google ma bardzo niewiele odpowiedników autouzupełniania jQuery-UI…
• … podczas gdy istnieją solidne alternatywy dla tego autouzupełniania!

Lekkie autouzupełnianie, ale tylko zdalne

Ostrzegam cię teraz, ponieważ, jak powiedziałem powyżej, autocomplete.js jest „zdalnym” typem autouzupełniania, co oznacza, że ​​nie będziesz w stanie podać informacji wstępnie załadowanych w twoim DOM. Istnieją bardzo dobre biblioteki, takie jak typehead.js lub AutoCompleteJS. Zamiast osadzać wiele funkcji zdalnych lub lokalnych, równie dobrze możesz wybrać konkretny produkt, który osadzi tylko niezbędne funkcje.

Wada korzystania ze zdalnego autouzupełniania

Oczywiście nie są to same zalety, ponadto nie próbuję Cię przekonać do korzystania z autocomplete.js, a jedynie obronić go przed rozwiązaniami, które zrobią wszystko.
Oczywiście użycie autocomplete.js zmusi cię do ciągłego połączenia z siecią, a czasy odpowiedzi mogą być mniej lub bardziej szybkie w zależności od używanego serwera.

Zaleta korzystania ze zdalnego autouzupełniania

Teraz korzyści!

1. Spowoduje to wyładowanie informacji z DOM, a przeglądarka będzie dość szybko generować stronę.
2. To odciąża Twoją przeglądarkę od całego przetwarzania JavaScript i ponownie sprawia, że ​​Twoja strona jest lżejsza.
3. Wyszukiwania mogą być bardziej złożone i będą łatwiejsze do opracowania po stronie serwera WWW.
4. Autouzupełnianie zwróci informacje o serwerze, dzięki czemu możesz łatwo zaktualizować PHP lub inną aplikację bez konieczności aktualizowania skryptu JavaScript.
   Cóż, nadszedł czas, abym zatrzymał ten artykuł i odłożył słuchawkę poświęconą temu autouzupełnianiu. Teraz, jeśli potrzebujesz autouzupełniania, wiesz, że możesz polegać na autouzupełnianiu.js, a Twoi współpracownicy również mogą korzystać z autouzupełniania, mając pewność, że to działa.

A po zjedzeniu autouzupełniania na śniadanie, zjedzeniu autouzupełniania w południe, wypiciu kroplówki autouzupełniania i autouzupełnianiu na obiad, życzę udanego autouzupełniania!