Prototip - Genel Bakış

Prototip nedir?

Prototip, dinamik web uygulamalarının geliştirilmesini kolaylaştırmayı amaçlayan bir JavaScript Framework'dür. Prototip, Sam Stephenson tarafından geliştirildi.

Prototip, DOM'u çok kolay ve eğlenceli bir şekilde ve aynı zamanda güvenli (tarayıcılar arası) bir şekilde işlemenizi sağlayan bir JavaScript kitaplığıdır.

Scriptaculous ve Rico gibi diğer kütüphaneler, widget'lar ve diğer son kullanıcı öğeleri oluşturmak için Prototype'ın temelleri üzerine inşa edilmiştir.

Prototype -

  • DOM öğelerini ve yerleşik türleri kullanışlı yöntemlerle genişletir.

  • Miras dahil olmak üzere sınıf tarzı OOP için yerleşik desteğe sahiptir.

  • Etkinlik yönetimi için gelişmiş desteğe sahiptir.

  • Güçlü Ajax özelliklerine sahiptir.

  • Tam bir uygulama geliştirme çerçevesi değildir.

  • Parçacıklar veya tam bir standart algoritma seti veya G / Ç sistemleri sağlamaz.

Prototip Nasıl Kurulur?

Prototip, prototype.js adı verilen tek bir dosya olarak dağıtılır. Prototip kitaplığını kurmak için aşağıda belirtilen adımları izleyin -

  • En son sürümü kullanışlı bir pakette almak için indirme sayfasına (http://prototypejs.org/download/) gidin .

  • Şimdi, prototype.js dosyasını web sitenizin bir dizinine koyun, örneğin / javascript.

Artık web sayfalarınızda güçlü Prototip çerçevesini kullanmaya hazırsınız.

Prototip Kitaplığı Nasıl Kullanılır?

Şimdi, Prototip komut dosyasını aşağıdaki gibi ekleyebilirsiniz -

<html>
   <head>
      <title>Prototype examples</title> 
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
   </head>
   
   <body>
      ........
   </body>
</html>

Misal

JavaScript'inizde DOM öğelerini almak için Prototype'ın $ () işlevini nasıl kullanabileceğinizi gösteren basit bir örnek:

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function test() {
            node = $("firstDiv");
            alert(node.innerHTML);
         }
      </script>
   </head>

   <body>
      <div id = "firstDiv">
         <p>This is first paragraph</p> 
      </div>
      
      <div id = "secondDiv">
         <p>This is another paragraph</p>
      </div>
      
      <input type = "button" value = "Test $()" onclick = "test();"/>
   </body>
</html>

Çıktı

Neden Bu Eğitim?

Prototype Framework için çok iyi bir dokümantasyon prototypejs.org adresinde mevcuttur, o zaman neden bu eğiticiye başvurulmalıdır!

Cevap şu ki, bu eğitimde en sık kullanılan tüm işlevleri bir araya getirdik. İkinci olarak, resmi sitede bulunmayan uygun örneklerle birlikte tüm faydalı yöntemleri açıkladık.

Prototype Framework'ün ileri düzey bir kullanıcısıysanız, doğrudan resmi web sitesine atlayabilirsiniz, aksi takdirde bu eğitim sizin için iyi bir başlangıç ​​olabilir ve onu bir referans kılavuzu gibi kullanabilirsiniz.