Nasıl/benim javascript jquery kod yapısı?
Oldukça yoğun ajax jquery, web tabanlı bir uygulama ile oynuyor. Neredeyse gevşek vs. ne aranır ne izini bir noktaya geliyor.
Sıralama daha temel düzeyde javascript benim yapı yanlış bir duygu ile ben kaldım. Nasıl jquery kod, olay vb. işleme/javascript yapısı mı herhangi bir acemi bir javascript geliştiricisi olarak tanımlanmıştır.
CEVAP
BU!
İlk cevap bu soru için yayınlanmıştır beri bir süre oldu ve çok şey değişti. Birincisi ve en önemlisi, JS tarayıcı dünya Bu (asenkron modülü tanım) kod organizasyonu için doğru hareket gibi görünüyor.
Çalışır şekilde AMD modülleri, örneğin TÜM kod yazın
define('moduleName', ['dependancy1', 'dependancy2'], function (dependency1, dependancy2) {
/*This function will get triggered only after all dependancy modules loaded*/
var module = {/*whatever module object, can be any JS variable here really*/};
return module;
});
Ve sonra modülleri gibi AMD yükleyiciler kullanılarak yüklenircurl.jsyarequire.jsvb, örneğin:
curl(
[
'myApp/moduleA',
'myApp/moduleB'
],
).then(
function success (A, B) {
// load myApp here!
},
function failure (ex) {
alert('myApp didn't load. reason: ' ex.message);
}
);
Avantajları:
Sadece kendisini yükler (bazıları oldukça küçüktür) loader AMD Bu sayfa üzerinde
<script>
tek unsur vardır.Tüm JS dosyalarını otomatik olarak zaman uyumsuz OLMAYAN ENGELLEME getirilen olacak bundan sonra! moda, böylece daha hızlı!
Gerekli modülleri bağımlılıklar yüklü var sonra yürütülen.
Modüler kolay bir kod korumak ve yeniden kullanmak anlamına gelir).
Genel değişkenler kirliliği eğer düzgün kullanılırsa tamamen bağlanmış olabilir.
Dürüst olmak gerekirse, bir kez kavram vardırtıkladımkafanın içinde, asla eski günlerine geri döneceksin.
P. S: jQuery AMD modül sürüm 1.7'den başlamak üzere kendisi kayıt yapıyor.
Daha fazla bilgi BU:
- https://github.com/cujojs/curl
- http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition
- http://requirejs.org/
- http://www.bennadel.com/blog/2275-Using-RequireJS-For-Asynchronous-Script-Loading-And-JavaScript-Dependency-Management.htm
- https://github.com/Integralist/Blog-Posts/blob/master/2012-01-04-Beginners-guide-to-AMD-and-RequireJS.md
Nasıl hata ayıklama Firebug (veya benz...
JavaScript/JQuery: (pencere)$.boyutlan...
Nasıl dosya jQuery veya JavaScript var...
Bu nasıl JavaScript/JQuery Sözdizimi i...
Nasıl Javascript ile form verilerini j...