Name: Tremplin Numérique
Price range: $$$

autocomplete.js, das ist das Wort des Tages. Ich möchte Ihnen die Autovervollständigung vorstellen, die ich kürzlich entwickelt habe und die Sie jetzt auf der dem Projekt gewidmeten Seite sowie auf der GitHub-Seite finden können.

Da ich Symfony-Entwickler bin, muss ich regelmäßig nach neuen Lösungen suchen, um sowohl meinen PHP-Code zu optimieren, als auch um Schnittstellen zu erstellen, die freundlicher und so leicht wie möglich sind. Leider ist dieser letzte Punkt falsch, da es hier und da Skripte gibt, um Aktionen auszuführen, die alle "kikou" sind als die anderen. In letzter Zeit brauchte ich eine einfache Remote-Autovervollständigung (AJAX). Ich denke, jeder kennt die jQuery-Bibliothek. Über diese Bibliothek finden Sie andere Toolkits wie jQuery-UI, die eine Vielzahl von Diensten anbieten, darunter ein Widget zur automatischen Vervollständigung. Dort finden Sie unter anderem die Autovervollständigung, die ich Ihnen gerade verlinkt habe, und ihre berühmte Dokumentation, die mich persönlich sehr skeptisch hinsichtlich der Relevanz der angebotenen Funktionen lässt. Und lassen Sie uns zugeben, dass alle Funktionen nützlich sind, sollten wir sie noch alle beherrschen müssen.

Zusammenfassung

autocomplete.js

Ich habe mir dann in den Kopf gesetzt, eine Bibliothek zu schreiben, die nur für a verwendet wird Autovervollständigen, wer wäre? Licht und vor allem wer wäre ohne Abhängigkeit ! Diese automatische Vervollständigung bietet nur eine Lösung für die automatische Vervollständigung vom Typ "Remote". Autocomplete ohne AJAX gibt es zuhauf im Web, aber selten bieten sie eine "vollständige Web"-Version an.

Ist Ihre Autovervollständigung leicht, wirklich leicht?

Es ist ganz einfach, zwischen unseren beiden Produkten zu rechnen. Ich schlage vor, Sie vergleichen schnell die Gewichte der beiden Codes.

autocomplete.js

Es ist sehr einfach zu berechnen, die automatische Vervollständigung hat keine Abhängigkeiten, und zum Zeitpunkt des Schreibens wiegt die neueste Version, die ich als stabil veröffentlicht habe (v 1.4.0), nur 4 KB im Monat.

jQuery-UI-Autovervollständigung

Für ihn ist es ganz einfach zu rechnen. Wenn wir nur die notwendigen Widgets nehmen, wiegt UI ungefähr 34 KB, zu denen wir die jQuery-Abhängigkeit hinzufügen müssen. Je nach gewählter Version variiert das Gewicht. Hier nehme ich das Gewicht der Version, die mit UI bereitgestellt wird, dh Version 1.11.1 für ein Gewicht von 93 KB. Das ist ein Gesamtgewicht von 127Ko, um eine einfache Autovervollständigung durchzuführen. Ich persönlich stelle mir auch vor, dass die Auswirkungen auf die Leistung genauso unverhältnismäßig sein müssen…

autocomplete.js ist Plug-and-Play

Es sieht fast aus wie eine unverschämt kopierte Werbung, die hinter diesem Begriff einen Verkäufer verbirgt, ein magisches Feature. Und nein, wie Sie in der Dokumentation von autocomplete.js sehen werden, reicht es aus, einfach das JavaScript-Skript zu laden und beim Laden der Bibliothek das Skript auszuführen. Die gesamte Dokumentation ist auf der API-Seite von autocomplete-js.com verfügbar.

Eine Alternative

Obwohl das von mir entwickelte Skript nicht übermäßig getestet ist, hat es mir bei professionellen Projekten bereits gute Dienste geleistet. Es wäre daher gut, wenn alternative Skripte zu Fabriken vom Typ jQuery entstehen würden, sowohl für die automatische Vervollständigung als auch für die anderen verfügbaren Widgets.

Heute bietet Google keine Alternative an, und es ist nur während einer Suche zu sehen.

Google hat nur sehr wenige Äquivalente zur automatischen Vervollständigung der jQuery-UI…
…während es solide Alternativen zu dieser Autovervollständigung gibt!

Eine leichte Autovervollständigung, aber nur entfernt

Ich warne Sie jetzt, denn wie ich oben sagte, ist autocomplete.js eine „Remote“-Art von Autocomplete, was bedeutet, dass Sie die in Ihrem DOM vorinstallierten Informationen nicht bereitstellen können. Es gibt sehr gute Bibliotheken wie typehead.js oder AutoCompleteJS. Anstatt viele Funktionen für Remote oder Lokal einzubetten, können Sie genauso gut ein bestimmtes Produkt auswählen, das nur die notwendigen Funktionen einbettet.

Nachteil der Verwendung einer Remote-Autovervollständigung

Natürlich gibt es nicht nur Vorteile, außerdem versuche ich nicht, Sie davon zu überzeugen, autocomplete.js zu verwenden, sondern es nur vor den Lösungen zu verteidigen, alles zu tun.
Offensichtlich zwingt Sie die Verwendung von autocomplete.js dazu, immer mit dem Internet verbunden zu sein, und die Antwortzeiten können je nach verwendetem Server mehr oder weniger schnell sein.

Vorteil der Verwendung einer Remote-Autovervollständigung

Jetzt die Vorteile!

Dadurch wird Ihr DOM mit Informationen entladen und Ihr Browser wird beim Generieren Ihrer Seite etwas schnell sein.
Dies entlastet die gesamte JavaScript-Verarbeitung von Ihrem Browser und macht Ihre Seite noch einmal leichter.
Suchen können komplexer sein und sie sind einfacher auf dem Webserver-Teil zu entwickeln.
Die automatische Vervollständigung gibt Serverinformationen zurück, sodass Sie Ihre PHP- oder andere Anwendung problemlos aktualisieren können, ohne Ihr JavaScript-Skript aktualisieren zu müssen.
Nun, es ist Zeit für mich, diesen Artikel zu beenden und meine Tastatur aufzulegen, die dieser Autovervollständigung gewidmet ist. Wenn Sie Autocomplete benötigen, wissen Sie jetzt, dass Sie sich auf autocomplete.js verlassen können, und auch Ihre Kollegen können autocomplete.js mit der Gewissheit verwenden, dass es funktioniert.

Und nachdem ich Autocomplete zum Frühstück gegessen habe, Autocomplete mittags gegessen habe, einen Autocomplete-Tropf hatte und Autocomplete zum Abendessen hatte, wünsche ich Ihnen ein gutes Autocomplete!