Unduhan ToolKit JS - Unduhan kode sumber ToolKit JS

ToolKit JS

Kategori lainnya

1.0.0

Unduh

PerangkatV3

Oke, jadi saya telah menghapus versi 1 & versi 2, hanya karena tujuan akhir di balik ToolKitMin adalah untuk menawarkan seperangkat alat, tidak harus berupa kerangka kerja, melainkan perpustakaan. Anda dapat menganggap ToolKitMin sebagai perpustakaan untuk membantu pengembangan pengembangan aplikasi front end. ToolKitMin adalah alat yang ampuh untuk dipelajari pemula, karena mencakup beberapa hal berikut:

Komponen
- Mesin template sederhana
- Negara bagian
Pertanyaan
- Dalam ingatan
Layanan (alias AJAX)
Pengontrol penyimpanan
DLL.

Berikut ini contoh beberapa kode...

 var app = ToolKit ;
app . DOM . ready ( function ( ) {
  console . log ( app ) ;
  app . Session . set ( 'user_id' , { user_id : 1 } ) ;
  console . log ( app . Session . get ( 'user_id' ) ) ;

  // Query demo.
  var queryString = "age GTE 20" ;
  var queryCols = [ "age" , "name" ] ;
  var queryData = [ { "age" : "30" , "name" : "Jack" } , { "age" : "20" , "name" : "Jay" } , { "age" : "12" , "name" : "Stacy" } ] ;

  app . Query . setColumns ( queryCols ) ;
  app . Query . setTable ( queryData ) ;
  app . Query . select ( queryString ) ;

  app . Query . onComplete ( function ( records ) {
    console . log ( 'Complete query' ) ;
    console . log ( records ) ;
  } ) ;

  // AJAX demo.
  app . Service ( {
    url : window . location . href ,
    method : "GET" ,
    success : function ( data ) {
      console . log ( data ) ;
      app . Query . exe ( ) ;
    }
  } ) ;

  // Component demo.
  window . appState = {
    name : 'Will I Am'
  } ;

  var component = {
    name : 'demo' ,
    state : window . appState ,
    root : app . Utils . $one ( "body" ) ,
    template : '<h1><% data.name %></h1>' ,
    onStateChange : function ( ) {
      console . log ( "State changed!" ) ;
    } ,
    onRender : function ( ) {
      console . log ( "Rendered!" ) ;
    }
  } ;

  app . Component . registerComponent ( component ) ;

  app . Router . add ( / home / , function ( ) {
    console . log ( 'Home page.' ) ;
  } ) ;
  app . Router . add ( / about / , function ( ) {
    console . log ( 'About page' ) ;
  } ) ;
  app . Router . add ( function ( ) {
    console . log ( '404 Error?!' ) ;
  } ) ;
} ) ;

// Wait 2 seconds to see the component update.
setTimeout ( function ( ) {
  window . appState . name = "Will Smith" ;
} , 2000 ) ;

// Test the router.
setTimeout ( function ( ) {
  app . Router . navigate ( 'home' ) ;
} , 1000 ) ;

setTimeout ( function ( ) {
  app . Router . navigate ( 'about' ) ;
} , 2000 ) ;

setTimeout ( function ( ) {
  app . Router . navigate ( '404test' ) ;
} , 3000 ) ;

ToolKitMin sesuai dengan namanya, ini adalah seperangkat alat yang telah dikumpulkan, hanya sebagian besar alat yang telah dilucuti hingga ke intinya, memastikan bahwa ToolKitMin-JS tetap seringan mungkin, sambil memberikan banyak manfaat fungsionalitas.

Semua yang harus dilakukan

Perbarui dokumentasi & yang lainnya!

Fitur

Melayani
Komponen
kegunaan
Pertanyaan
Perute
Mesin Templat
Yang lain
- DOM
- mencatat
- Sidang
- Toko

Melayani

Metode layanan hanyalah implementasi ajax dari ToolKit.

Komponen

Ini mengimplementasikan template yang menangani beberapa template DHTML melalui mesin template, juga menangani statusnya sendiri yang dapat dimanipulasi di luar komponen, seperti pada contoh. Akhirnya ia dapat mengirimkan pengontrolnya sendiri dengan memanfaatkan properti/fungsi 'onRender'.

kegunaan

Ini hanyalah ruang nama untuk metode yang berguna/sederhana, tidak lebih dari itu.

Pertanyaan

Hal ini memungkinkan Anda untuk mengeksekusi 'kueri' pada array objek, ini dijalankan melalui penggunaan panggilan balik untuk memastikan bahwa thread eksekusi utama tidak pernah diblokir dengan melakukan iterasi pada kumpulan data yang besar.

Perute

Memungkinkan Anda memiliki URL berbeda di ujung depan, memungkinkan SPA, saat ini hanya mengizinkan URL berbasis hash, dan tidak memantau perubahan URL secara default, yaitu pengguna mencoba menavigasi ke URL lain. Meskipun fitur tersebut sangat sederhana sehingga saya yakin hal tersebut tergantung pada keputusan pengembang apakah akan mengimplementasikan fitur tersebut atau tidak, bagaimanapun juga, fitur tersebut dimaksudkan untuk menjadi ringan.