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

otomatik tamamlama.js, günün sözü bu. Yakın zamanda geliştirdiğim ve artık projeye ayrılmış sayfada ve GitHub sayfasında bulabileceğiniz otomatik tamamlamayı size sunmak istiyorum.

Bir Symfony geliştiricisi olduğum için, hem PHP kodumu optimize etmek hem de daha kolay ve olabildiğince hafif arayüzler oluşturmak için düzenli olarak yeni çözümler aramam gerekiyor. Ne yazık ki yanlış olan bu son noktadır, çünkü burada burada eylemleri diğerinden daha "kikou" gerçekleştirmek için komut dosyaları vardır. Son zamanlarda basit bir uzaktan tip otomatik tamamlamaya (AJAX) ihtiyacım vardı. Sanırım herkes jQuery kütüphanesini biliyor. Bu kitaplık aracılığıyla, otomatik tamamlama pencere öğesi de dahil olmak üzere çok sayıda hizmet sunan jQuery-UI gibi diğer araç setlerini bulabilirsiniz. Diğer şeylerin yanı sıra, size az önce bağlantısını verdiğim otomatik tamamlamayı ve sunulan özelliklerin alaka düzeyi konusunda kişisel olarak beni çok şüpheci bırakan ünlü belgelerini bulabileceksiniz. Ve yine de hepsinde ustalaşmamız gerekirse, tüm özelliklerin yararlı olduğunu kabul edelim.

özet

otomatik tamamlama.js

Daha sonra yalnızca belirli bir amaç için kullanılacak bir kitaplık yazmayı kafama taktım. Otomatik tamamlama, hangisi olurdu ışık ve her şeyden önce kim olurdu bağımlılık olmadan ! Bu otomatik tamamlama, yalnızca "uzak" tip otomatik tamamlama için bir çözüm sunar. AJAX olmadan otomatik tamamlama web'de çoktur, ancak "tam web" sürümü sunanlar nadirdir.

Otomatik tamamlama ışığınız gerçekten hafif mi?

İki ürünümüz arasında hesap yapmak oldukça basit. İki kodun ağırlıklarını hızlı bir şekilde karşılaştırmanızı öneririm.

otomatik tamamlama.js

Hesaplaması çok kolay, otomatik tamamlamanın hiçbir bağımlılığı yok ve bu yazıyı yazdığım sırada, kararlı olarak yayınladığım en son sürüm (v 1.4.0) ayda yalnızca 4Kb ağırlığında.

jQuery-UI otomatik tamamlama

Onun için hesaplaması oldukça basit. Yalnızca gerekli widget'ları alırsak, UI yaklaşık 34Kb ağırlığındadır ve buna jQuery bağımlılığını eklememiz gerekir. Seçtiğiniz versiyona bağlı olarak ağırlık değişecektir. Burada, UI ile sağlanan versiyonun, yani 1.11.1Ko ağırlığı için 93 versiyonunun ağırlığını alıyorum. Bu, basit bir otomatik tamamlama gerçekleştirmek için toplam 127Ko ağırlığıdır. Şahsen, performans üzerindeki etkinin de orantısız olması gerektiğini düşünüyorum…

autocomplete.js Tak-Çalıştır özelliğindedir

Neredeyse aşırı derecede kopyalanmış bir reklam gibi görünüyor ve bu terimin arkasında bir satıcı, sihirli bir özellik saklanıyor. Ve hayır, autocomplete.js belgelerinde göreceğiniz gibi, JavaScript komut dosyasını yüklemek ve kitaplık yüklendiğinde komut dosyasını çalıştırmak yeterlidir. Tüm belgeler, autocomplete-js.com API sayfasında mevcuttur.

Bir alternatif

Geliştirdiğim senaryo çok fazla test edilmemiş olsa da profesyonel projelerde şimdiden bana mükemmel bir şekilde hizmet etti. Bu nedenle, hem otomatik tamamlama hem de diğer mevcut parçacıklar için jQuery tipi fabrikalara alternatif betiklerin ortaya çıkması iyi olacaktır.

Bugün Google herhangi bir alternatif sunmuyor ve sadece bir arama sırasında görülüyor.

Google'ın jQuery-UI otomatik tamamlama için çok az eşdeğeri var…
…bu otomatik tamamlamanın sağlam alternatifleri varken!

Hafif bir otomatik tamamlama, ancak yalnızca uzak

Sizi şimdi uyarıyorum, çünkü yukarıda da söylediğim gibi, autocomplete.js "uzak" bir otomatik tamamlama türüdür, bu da DOM'nizde önceden yüklenmiş bilgileri sağlayamayacağınız anlamına gelir. typehead.js veya AutoCompleteJS gibi çok iyi kütüphaneler var. Uzak veya yerel için pek çok özelliği yerleştirmek yerine, yalnızca gerekli özellikleri yerleştirecek belirli bir ürünü de seçebilirsiniz.

Uzaktan otomatik tamamlama kullanmanın dezavantajı

Tabii ki, sadece avantajlar yok, üstelik sizi autocomplete.js kullanmaya ikna etmeye çalışmıyorum, sadece onu her şeyi yapacak çözümlerden korumaya çalışıyorum.
Açıkçası, autocomplete.js kullanımı sizi her zaman web'e bağlı olmaya zorlar ve kullandığınız sunucuya bağlı olarak yanıt süreleri az ya da çok hızlı olabilir.

Uzaktan otomatik tamamlama kullanmanın avantajı

Şimdi faydaları!

Bu, bilgi DOM'unuzu kaldıracak ve tarayıcınız sayfanızı oluşturmada biraz hızlı olacaktır.
Bu, tüm JavaScript işlemlerini tarayıcınızdan kaldırır ve bir kez daha sayfanızı daha hafif hale getirir.
Aramalar daha karmaşık olabilir ve web sunucusu kısmında geliştirilmesi daha kolay olacaktır.
Otomatik tamamlama, sunucu bilgilerini döndürür, böylece JavaScript betiğinizi güncellemek zorunda kalmadan PHP'nizi veya diğer uygulamalarınızı kolayca güncelleyebilirsiniz.
Pekala, bu makaleyi durdurmanın ve bu otomatik tamamlamaya adanmış klavyemi kapatmanın zamanı geldi. Artık, otomatik tamamlamaya ihtiyacınız varsa, autocomplete.js'ye güvenebileceğinizi biliyorsunuz ve iş arkadaşlarınız da autocomplete.js'yi çalıştığından emin olarak kullanabilir.

Kahvaltıda otomatik tamamlama yedikten, öğlen otomatik tamamlama yedikten, otomatik tamamlama damlası yaptıktan ve akşam yemeği için otomatik tamamlama yaptıktan sonra, size iyi bir otomatik tamamlama diliyorum!