Tüm kodunuzu optimize ettiniz, cssleri minify ettiniz, fazlalik jsleri çikardiniz ancak siteniz hala çok yavas yükleniyor. Bu yazimda, üçüncü taraf JavaScriptlerin yüklenmesiyle ilgili sorunlari nasil bulup düzeltecegimizi anlatacağım.
Angular uygulamamızı oluşturmadan önce nasıl kuracağımızı göreceğiz.
Open Street Map OSM 429 hatası ve çözüm önerileri
:before, :after… gibi css elemanlarını js/jquery kullanarak seçmek/değiştirmek normal selectorlerle mümkün değildir, böyle durumlarda injectStyle veya rule oluşturulur, bu metodla sayfanın sonuna inline css yazdırmış olursunuz.
Leaflet, interaktif web haritaları geliştirmemize olanak sağlayan açık kaynak kodlu bir Javascript kütüphanesidir. Vladimir Agafonkin tarafından geliştirilmiştir. Resmi sitesinde oldukça fazla örnek, döküman ve eklenti içermekte, Türkçe kaynak bulmada sıkıntı çekenler için leaflet kütüphanesini projeye eklemeyi ve kütüphanelerini örneklendirmeye çalışacağım.
jQuery UI (user interface) açık kaynak bir JavaScript kütüphanesi olan jQuery özellikle görsel tasarımlar, animasyonlar, efektler vb uygulamalarda daha kolay ve işlevsel kullanabilmek için geliştirilmiş bir Javascript kütüphanesidir. En çok kullanılan fonksiyonları, sürükle-bırak, yeniden ölçülendirme, takvim, progressbar, slider, menü, açılan pencereler… jQuery de olduğu gibi jquery-ui de de az kod – çok iş mantığı vardır.
MomentJS tarihlerle ilgili işlemleri kolaylaştıran javascript kütüphanesidi. Reactjs, Angularjs, nodejs ve jquery ile uyumlu çalışır. momentjs.com internet sitesinden indirip projenize ekleyebilirsiniz. Format Dates Relative Time Calendar Time Multiple Locale Support
İki event da mouse sol buton tıklanınca tetiklenme olayı gibi gözükse de küçük bir fark var. MouseDown: Mouse tıklandığı anda tetiklenir. Mouse sol,sağ veya tekerlek farketmez. MouseUp: Mouse sol veya sağ click tıklanıp bırakıldığı anda tetiklenir. Click: Sadece mouse sol click bırakılınca tetiklenir. Örnekler: