Tavsiye Blog: Fatih Hayrioğlu
Fatih Hayrioğlu‘nu, css ile uğraşmış veya ilgilenmiş birçok kişi bu faydalı siteden çözümler bulmuş yeni şeyler öğrenmiştir. Sitesinde bulunan css ile alakalı yazıları bir de e-kitap olarak çıkarmıştır.
RSS, Twitter, FriendFeed ‘ten de takip edebilirsiniz.
jQuery Seçici Performansı
Az kodla çok iş yapmanızı sağlayan jQuery’nin elementleri seçme hızını gözleyeceğiz. jQuery, yine bu kütüphanenin üreticisi olan John Resig tarafından geliştirilen Sizzle seçici motorunu kullanıyor. Bu da 1.3.x sürümlerinden itibaren ana çekirdeğe katılarak çok ciddi performans artışı (25 kat) sağlandı. Stack Overflow’da da bu konu tartışılmış ortalama aşağıda yazılanlarla aynı görüş üzerinde buluşulmuştu.
Kendim de benzer bir seçici performansı ölçen bir ufak kod yazdım. Biliyorsunuz istatistik oluşmak için çok dikkatlı olmak gerek. Fakat ben burda çok fazla bir detaylı bir çerçeve oluşturamayacağım için, sadece görmek için yeterli bir çalışma yaptım.
adresinden inceleyebilirisiniz.
jQuery’nin seçici performansını açığa kavurşturalım adlı yazıda yer alan bilgilere göre seçicilerde seçicilerin (selectors) belirliği arttıkça seçme performansı çok daha hızlandığı görülmüş.Fakat şöyle bir durum daha var, eğeer seçme şartınız artarsa bu sefer performans düşmekte.
Hatta bu konuda John da bir yazı yayınlamış seçicilerin class adı seçme temelleri hakkında bilgilendirmişti.
devamı»
BUG: Mozilla Firefox, Safari, Opera ve Google Chrome’da img’ın src’si olmak zorunda
Html DOM’da herşeyin tam olarak olmadığı durumlarda tarayıcıların hata tolere etmesi çok önemlidir. Bir hata sonunda tarayıcı, tasarımcının veya kod geliştiricinin öngöremediği şeyler yaparsa ne hatayı çözebilir ne de çözüm için yol bulabilir.
Şimdi size ileteceğim problem aynen böyle bir durum.
Herhangi bir imajın kaynağında bir hata olduğunda form ile bir post yaptığınızda sorgu yaptığınız sayfa o imajın olmamasından dolayı o dosyayı yeniden çekmek için veriyi göndermeden evvel yeniden bir istek daha atıp gönderdiğiniz verileri siliyor. Bu yüzden post yapamıyorsunuz. Bu duruma şöyle de ulaşılabiliyor: jQuery ile sayfanın herhangi bir yerine append ile içinde resim olan ve resmin kaynağı olmayan veya kaynağı bozuk olan bir html yüklerseniz, yine sayfanın içinde HTTP 200 sorgu ataraktan post edilen verileri sıfırlıyor. Jquery eklentileri içinde bu şekilde eksik/hatalı olan şeyler varsa yine müdahale edip düzeltmeniz elzemdir. JAVA ile programlama yapıyorsanız aynı problemle karşılaşabilirsiniz. JAVA’da post yaptığınız formlarda post ile veri göndermiyorsunuz.
<img alt="" />
Kaynak kod:*
<!DOCTYPE html>
<html>
<head>
<script>
function e() {
document.getElementById("output").value += "Error event handler called\n";
}
function l() {
document.getElementById("output").value += "Image.complete is " +
document.getElementById('img').complete + "\n";
}
</script>
</head>
<body onload="l();">
<img id="img" src="data:invalid" onerror="e();">
<br>
<textarea id="output" cols="50" rows="10"></textarea>
</body>
</html>Hata için oluşturulmuş raporlar:
- <img src="" /> .complete should return false for invalid images
- <img src="" />.complete should return false for invalid images
- “complete” DOM attribute (image elements)
ÇÖZÜM
img’larda src kısmını bozuk yapmayın, kesinlikle düzgün bir resim kaynağı kullanın
Sevgiler.
jQuery ile Portlet Tasarımı
İnternette birçok yerde göreceğiniz portlet şeklinde içeriği olan, Netvibes gibi widget şeklinde içeriğini sunan yerlerde kullanılır. Aşağıda kodlarla birlikte yorum kısımlarına açıklama yazdım. Uygulamanın kodlarını indirip detaylı inceleyebilirsiniz.
Yazının devamında kodları göreceksiniz, kodların içinde açıklayıcı yorumlar bulunmakta 
devamı»
