İstemci tarafında JavaScript’e erişimi basitleştirmek ve soyutlamak için Lift’in sağladığı bazı teknikleri tartışacağız. Bu tesislerin kullanılması, Scala’da temel olarak JavaScript kodu yazmanıza izin vererek, Lift’in kodu sunumdan ayırma modelini takip eder. Lift ayrıca jQuery veya YUI kullanıcı arabirimi kitaplıkları aracılığıyla gelişmiş JavaScript işlevselliğini kullanmanıza izin veren bir katman sağlar.

Üst Düzey JavaScript Soyutlamalarını Kullanma

Lift’in zaten AJAX ve COMET desteği biçiminde zengin istemci tarafı işlevleriyle geldiğini fark etmişsinizdir. Bu desteği her kullandığınızda, Lift, kitaplıkların dahil edilmesi için döndürülen sayfada uygun <script> öğelerini otomatik olarak oluşturur.

Ancak Lift, JavaScript ifadelerini temsil eden bir sınıf hiyerarşisi sağlayarak bir adım daha ileri gider. Örneğin, Lift’teki bir AJAX form öğesiyle, istemci tarafını güncellemek için geri arama yönteminin JavaScript kodu döndürmesi gerekir.

İstemci tarafından yorumlanacak ham bir JavaScript dizesi döndürmek yerine, istemci için uygun JavaScript’e dönüştürülmüş net.liftweb.http.js.JsCmd özelliğinin bir örneğini (doğrudan veya örtük dönüştürme aracılığıyla) döndürürsünüz.

JsCmd, istemcide yürütülebilen bir JavaScript komutunu temsil eder. Bir JavaScript ifadesini temsil eden JsExp adlı ek bir temel özellik vardır. Bir JsExp örneği dolaylı olarak bir JsCmd örneğine dönüştürüldüğünden, aralarındaki farklar genellikle geliştirici için önemli değildir.

Ayrıca, Lift’in JavaScript sınıfları her şeyi yazım açısından güvenli tutmaya çalışsa da bazı sınırlamalar olduğunu unutmayın; özellikle Lift, belirli bir JsCmd’den erişmeye çalıştığınız değişkenin gerçekten var olup olmadığı gibi semantik şeyleri kontrol edemez. AJAX ve COMET gibi tekniklerin bariz kullanımının yanı sıra Lift, JavaScript’i form alanları gibi normal Scala XML nesnelerine eklemeyi de kolaylaştırır.

Basit bir örnek olarak, bir form doğrulanmazsa nasıl basit bir uyarı ekleyebileceğimize bakalım. Bu örnekte, boş olmaması gereken bir ad formu alanımız olduğunu varsayacağız. Liste, form snippet’imizden olası bir bağlamayı gösterir.

Bunu biraz açalım. İlk olarak, JavaScript’ten form öğelerine (veya bu konuda herhangi bir öğeye) başvurduğunuzda, bu öğelerin her birinin bir id özniteliğine sahip olması gerekir. Bir Pair[String,String] geçirerek id niteliğini metin alanımıza ekliyoruz. Ardından, gerçek doğrulamamızı tanımlamamız gerekiyor. Bunu, gönder düğmemizin onclick özelliğine bir JavaScript kodu ekleyerek yapıyoruz.

onclick niteliği, düğme tıklandığında atanan JavaScript kodunu değerlendirir; JavaScript kodu doğru olarak değerlendirilirse gönderim devam eder. Yanlış olarak değerlendirilirse gönderim iptal edilir. Bizim durumumuzda, myName alanımızın değerinin boş bir dizeye eşit olup olmadığını kontrol etmek için JsIf case sınıfını kullanıyoruz.

Bu durumda, JE nesnesi, bir Scala Dizgisinden bir Str (JavaScript dizgisi) örneğine örtük bir dönüşüm içerir. JsIf’in ikinci argümanı, koşul doğruysa yürütülecek gövdedir. Bizim durumumuzda, kullanıcı için bir uyarı açılmasını ve form gönderimini durdurmasını istiyoruz.

JsCmd özelliği (Alert’in karıştığı), birden çok komutu birlikte zincirlemenize izin veren bir & işleci sağlar. Burada belirtilen değeri döndüren Alert’i JsReturn ile takip ediyoruz; yine, Boolean’dan JsExp’e örtülü bir dönüşüm var, bu yüzden sadece yanlış değeri sağlayabiliriz.

Lift API belgelerini incelerseniz, JsCmds ve JE nesneleri altında çok sayıda özellik ve sınıf bulacaksınız; bunlar, doğrudan Lift’te basit JavaScript kodu yazmak için ihtiyaç duyacağınız işlevlerin büyük çoğunluğunu sağlar.

Bununla birlikte, Lift sınıflarının küçük kod parçaları için kullanılmasının amaçlandığını anlamak önemlidir. Sayfalarınız için büyük miktarda JavaScript kodu yazmanız gerekiyorsa, bu kodu harici bir dosyaya saf JavaScript ile yazmanızı ve bu dosyayı sayfalarınıza eklemenizi öneririz.

Özellikle, kodunuzu JavaScript işlevleri olarak yazarsanız, bu işlevleri Lift kodunuzdan yürütmek için JE.Call sınıfını kullanabilirsiniz. JE ifadesi soyutlamalarını gösterirken, mevcut JsCmds’ye kısa bir genel bakış sunar.

JavaScript download
javascript’i etkinleştir
Javascript Nedir
JavaScript Dersleri
javascript $ kullanımı
JavaScript öğrenmek
Javascript nedir, ne İşe yarar
İnteractive javascript

JavaScript Soyutlama Örneklerini Keşfetme

Gördüğünüz gibi Lift, soyutlama katmanı aracılığıyla geniş bir JavaScript işlevi kapsamı sağlar. Çok fazla JavaScript kodu yazmış olsanız bile, soyutlamalar her zaman bire bir eşleşmez ve bu duruma kafa yormak biraz çaba gerektirebilir.

Nasıl çalıştığını anlamanıza yardımcı olacak birkaç örnek vereceğiz. Basit bir AJAX geri arama örneğiyle başlayacağız. Listeleme, bir HTML öğesini AJAX çağrısı yoluyla yeni içerikle nasıl güncelleyebileceğimizi gösterir. Bu durumda, bazı iletilen parametrelere dayalı olarak bir grafik görüntüsünü değiştiriyoruz. HTML’mizin, gider_grafiği kimliğine sahip bir öğe içermesi gerekir; bu öğenin çocukları, ikinci argüman olarak ilettiğimiz NodeSeq ile değiştirilecektir.

jQuery ve Diğer JavaScript Çerçevelerini Kullanma

Lift’in varsayılan olarak jQuery JavaScript çerçevesini kullandığından daha önce bahsetmiştik. Bununla birlikte, diğer çerçeveleri kullanmak için bir mekanizma sağlamasaydı, Lift, Lift olmazdı.

Farklı bir çerçeve kullanmak istiyorsanız, o çerçeveye özgü JSArtifacts özelliğinin somut bir uygulamasını sağlamalısınız. Lift’teki jQuery desteği, yalnızca JSArtifacts desteğinin ötesine geçer; Ayrıca, standart ifadeler ve komutlar için jQuery’ye özgü uygulamalar sağlamada bir dizi JSExp ve JsCmd özelliği ve sınıfı vardır.

Bir uygulamayı veya diğerini değiştirmek, varsayılan olarak JQueryArtifacts’a işaret eden LiftRules.jsArtifacts değişkeninden yapılabilir. Genellikle bu, Listeleme’de gösterildiği gibi Önyükleme’de yapılır.

LiftRules’ı değiştirmenin yanı sıra, diğer çerçevelerin kendi komut dosyalarına ve sayfalarınıza dahil etmeniz gereken bağımlılıklara sahip olduğunu da dikkate almanız gerekir. YUI için, (en azından) komut dosyalarını Listeleme’ye eklemeniz gerekir.

Elbette, işleri basitleştirmek için, bu öğelerin tümünü gömebileceğiniz bir şablona yerleştirebilir veya dosyaları tek bir JavaScript kaynak dosyasında birleştirebilirsiniz.

Lift içinden farklı JavaScript çerçevelerini kullanmaya ilişkin bazı basit önerilerimiz var:

• YUI widget’larına ihtiyacınız yoksa veya benzer işlevleri jQuery eklentilerinde bulabiliyorsanız, jQuery çerçevesini ve eklentilerini kullanmanızı öneririz.
• Lift, jQuery işlevselliği etrafında pek çok yardımcı nesne ve işlev olduğundan, jQuery için çok daha iyi destek sağlar.
• Gerçekten ne yaptığınızı bilmiyorsanız jQuery ve YUI’yi karıştırmayın çünkü ikisini bir araya getirmek bir takım çarpışmalara yol açar.

Web sitelerinizi, arama motorlarında en yukarı getirmek adına sizlere 3 adet paket öneriyoruz. Bu paketler sayesinde web siteleriniz aramalarda 1 yıl içerisinde en yukarıya tırmanacaktır. 

1) Backlink Paketi  50 $ (Yıllık Ücret)
2) Hızlandırma Paketi 300 $ (Yıllık Ücret)
3) Kelime Yönlendirme Paketi 150 $ (Aylık Ücret)

The post JavaScript Soyutlama – SEO Hizmeti Sunma – SEO Hizmeti – SEO Hizmeti Ücretleri – SEO Hizmeti Yaptırma first appeared on Jeff Bezos Tasarım.

Ajax’ta JavaScript’in içsel (ve genellikle üretken) kullanımı göz önüne alındığında, indirme ayak izinizi azaltmak için JavaScript kullanımınızı geliştirmeye odaklanmalısınız.

Popüler kitaplık yazarlarının çoğu JavaScript şişkinliği sorununu anlıyor. Kodlarını standart, tamamen yorumlanmış ve bakımı yapılabilir bir sürümde ve ayrıca “küçültülmüş bir sürümde” sağlarlar. “Küçültme” ve nasıl çalıştığını bilmelisiniz. Ayrıca Ajax uygulamanızı tamamen optimize edecekseniz karşılaşabileceğiniz olası sorunların da farkında olun. Kitaplığınızın dışında da sıkıştırılması gereken kod olması muhtemeldir.

İlk olarak, JavaScript optimizasyonu için kullanılan tekniklerin birçoğunun, tartışıldığı gibi, işaretleme ve CSS için kullanılanlara benzer olduğunu belirtmeliyiz. Bunları es geçeceğiz, ancak bunu yaparken bile, tüm JavaScript optimizasyonlarını daha dikkatli uygulamanız gerektiğini unutmayın. Bunları yanlış uygularsanız, sayfayı bozabilirler!

JavaScript Yorumlarını Kaldırma

// veya /* */ ile gösterilen tüm JavaScript yorumlarını güvenle kaldırabilirsiniz. Tipik son kullanıcıya hiçbir değer sunmazlar ve sadece dosya boyutunu artırırlar. Bunun gibi komut dosyası maskeleme yorumlarının, JavaScript’i tanımayan botlar veya eski tarayıcılar söz konusu olduğunda korumanın yararlı olabileceğinin farkında olmanız gerekir. Komut dosyalarını belgenin dışına eklemek muhtemelen en iyisidir, ancak bunları XHTML uyumlu hale getirmek daha kolay olacaktır.

Koşullu Yorumlar

Ayrıca, genellikle komut dosyası içerme veya CSS ile birlikte kullanılan Internet Explorer’ın koşullu yorum sisteminden de haberdar olmanız gerekir. Örneğin, yoruma duyarlı koşullu bir tarayıcı aşağıdaki ifadeyi okuyacak ve daha eski bir Explorer sürümüyse ancak daha yeni bir sürüm değilse patch.js dosyasını içerecektir.

Böyle bir yorum uzantısını anlamayan tarayıcılar, elbette, ifadeyi güvenle görmezden gelecektir. XHTML optimizasyonunuz sırasında bu tür koşullu yorumları kaldırmamalısınız, aksi takdirde yanlışlıkla JavaScript’inizi bozabilirsiniz. Neyse ki, gelişmiş sayfa optimizasyon araçları bu ayrıntının farkındadır, ancak daha basitleri pek çok değildir.

Boşluğu Dikkatlice Azaltın

JavaScript oldukça boşluktan bağımsızdır ve operatörler arasındaki boşlukları kolayca azaltabilirsiniz.

Ancak yoğuşma yaparken dikkatli olun. JavaScript, satır sonlarını örtük noktalı virgüller olarak ele alır. Satırları noktalı virgülle sonlandırmazsanız, boşluk azaltmanın sorunlara neden olabileceğini görebilirsiniz. Örneğin, aşağıdaki yasal JavaScript, örtük noktalı virgül kullanır.

Kodu yasal hale getirmek için karakterler eklerseniz, komut dosyanızın “görsel olarak” daha sıkıştırılmış görünmesini sağlasanız da, bayt tasarrufu açısından çok az kazanç elde edebileceğinizi unutmayın.

JavaScript download
javascript’i etkinleştir
JavaScript Örnekleri
W3Schools
javascript $ meaning
JavaScript indir pc
JavaScript W3Schools
javascript $ kullanımı

JavaScript Steno Kullanma

Kodunuzu sıkılaştırmak için bir dizi kısa JavaScript ifadesi kullanabilirsiniz. Birkaç baytı tıraş etmek için çok sayıda kısaltılmış atama kullanabilirsiniz. JavaScript’in bazı zayıf yazma özelliklerine güveniyorsanız, bu da daha kısa kodlar elde edebilir. Örneğin, önceki kod parçasını buna indirgeyebilirsiniz.

Dize Sabit Makrolarını Kullan

Kendinizi dizelerin bölümlerini veya tüm dizeleri tekrar tekrar yinelerken bulursanız, global değişken yeniden eşleme kullanan basit bir dize makrosunun birkaç bayt azaltabileceğini göreceksiniz. Örneğin, programınızda çok sayıda uyarı() çağrısı olabilir.

Bu teknikle ilgili bir uyarı var. Makronun anlamlı olması ve makro tanımlayıcının genel bir tasarruf sağlayacak kadar kısa olması için dizeyi yeterince sık kullandığınızdan emin olmanız gerekir.

İsteğe Bağlı Yapılardan Kaçının 

Çoğu durumda, koda zarar vermeden kod ve sözdizimi yapılarını kaldırabilirsiniz. Örneğin, if deyimleri için verilen bloklar ve tek bir deyim içeren çeşitli döngüler, parantezleri kaldırabilirsiniz.

Ayrıca var gibi bazı ifadelerin her zaman gerekli olmadığını da görebilirsiniz. JavaScript’te değişkenler, ilk kullanımda global alanda ortaya çıkar, bu nedenle, kullanmamanız gereken globalleri kullanıyorsanız, çünkü bunlar kötü bir uygulamadır ve dahil edilen diğer komut dosyalarından değişken ad alanı çarpışmaları olasılığını artırır. var deyimini atlayın.

Kodu ayarlamak için başka bayt kırpma hileleri kullanabilirsiniz, ancak genellikle w3compiler gibi bir aracın bunu sizin için yapmasına izin vermelisiniz.

Kullanıcı Tanımlı Değişkenleri ve İşlev Adlarını Kısaltma

İyi bir okunabilirlik için, herhangi bir betik, n yerine numRequests gibi değişkenler kullanmalıdır. Ancak indirme hızı için uzun değişken adları bir zorunluluktur. Burada yine kaynak kodunuzu okunabilir bir şekilde yazmak ve ardından onu teslime hazırlamak için bir araç kullanmak değerlidir. Tüm kullanıcı tanımlı değişken ve işlev adlarını kısa bir ve iki harfli tanımlayıcılara yeniden eşlemek önemli tasarruflar sağlayabilir.

Bazı optimizasyon programları, bir kısaltma listesi ile yeniden eşleme sürecini kontrol etmenizi sağlar. Ancak, API çağrıları gibi bazı işlevlerin diğer komut dosyaları tarafından çağrılmasını bekliyorsanız dikkatli olun. Sözdizimi hatalarına neden olabileceğinden bu adları yeniden eşlemek istemeyebilirsiniz.

Yerleşik Nesneleri Yeniden Eşleme

JavaScript kodunun hacimliliği, uzun kullanıcı değişken adlarının ötesinde, Pencere, Belge, Gezgin vb. yerleşik nesnelerin kullanımından gelir. Örneğin, bunun gibi bir kod verildi.

Nesne ve yöntem yeniden eşleme, yeniden eşlenen öğeler genellikle olduğu gibi tekrar tekrar kullanıldığında oldukça değerlidir. Ancak, pencere veya gezgin nesnesi yalnızca bir kez kullanılmışsa, bu değiştirmelerin aslında kodu büyüteceğini unutmayın. Elle optimize ediyorsanız dikkatli olun. Neyse ki, birçok JavaScript kod optimize edici bunu otomatik olarak hesaba katacaktır.

Bu uyarı, yeniden eşlenen nesnelere sahip komut dosyalarının performansıyla ilgili bir sorunu ortaya çıkarır: boyut küçültmenin yararına ek olarak, bu tür yeniden eşlemeler, nesneler JavaScript’in çözünürlük zincirinin yukarısında kopyalandığından komut dosyası yürütme sürelerini iyileştirebilir. Bu teknik hem indirme hem de yürütme performansını iyileştirse de, bunu yerel tarayıcı belleği kullanımı pahasına yapar.

İsim Çarpışma Uyarısı

Steno JavaScript kodlama uygulamalarıyla ilgili önemli bir sorun, değişken ad alanı kirliliğidir. Komut dosyaları bir web sayfasına dahil edildiğinde, hepsi aynı değişken ad alanını kullanır. Bu nedenle, birden fazla kitaplığın init() adında bir işlevi varsa, birinin üzerine yazılır. Bunu önlemek için tanımlarınızda ön ek kullanabilirsiniz.

Yine de, bu tekniklerin her ikisinin de daha önce tartışılan ad azaltma ipucu karşısında uçtuğunu fark edeceksiniz, çünkü şimdi umarız korumalı kodunuzu çağırmak için MyLibNamePrefix_ init() veya MyLibName.init ( ) başvurmanız gerekecek. ( ) gibi işlevlerin minimalist adlandırılmasıyla özellikle ilgilenmelisiniz, çünkü Web’deki birçok kitaplık ve kod örneği bu popüler tanımlayıcıyı birlikte seçer.

The post JavaScript Optimizasyonu – SEO Hizmeti Sunma – SEO Hizmeti – SEO Hizmeti Ücretleri – SEO Hizmeti Yaptırma first appeared on Jeff Bezos Tasarım.