plazar js

PlazarJS

Kerangka kerja serbaguna yang dibangun untuk memperkaya pengalaman pengembang dalam hal kesederhanaan dan kecepatan pengembangan aplikasi.

Daftar isi

• ? Instalasi
• ? Perkenalan
• Memulai dan Dokumentasi
• ? Integrasi Bootstrap
• ? Kontribusi
• ? Dukungan Peramban
• ? Rencana

Instalasi

Jalankan perintah npm berikut:

$ npm install @plazarjs/core

Atau, tempatkan tag skrip di laman Anda:

 < script src =" https://cdn.jsdelivr.net/npm/@plazarjs/core " > </ script >

Lihat daftar paket tanggungan yang tersedia.

Perkenalan

PlazarJS adalah kerangka kerja yang tidak memiliki opini untuk JavaScript. Ia tidak memiliki ketergantungan dan dengan bersandar pada Prinsip Berorientasi Objek (OOP), ia dapat dengan mudah digunakan untuk membuat Aplikasi Satu Halaman yang besar atau dapat diintegrasikan ke sebagian halaman web yang memerlukan alur kerja dinamis. Itu dibuat agar fleksibel dan dirancang untuk membantu Anda membangun aplikasi sesuai keinginan Anda tanpa memaksa Anda mengikuti jalur yang menurut Anda tidak cocok untuk aplikasi yang sedang Anda kembangkan. Fokus utamanya adalah pada trio lama yang bagus, HTML, CSS dan JavaScript.

TL;DR

1. Dapat mendefinisikan komponen, mixin, atau kelas dengan memanggil pz.define , pz.component.extend atau pz.class.extend . Mixin tidak dapat diperpanjang.
2. Gunakan kembali setiap jenis di aplikasi nanti sebanyak yang diperlukan. Satu jenis, banyak contoh.
3. Perluas setiap tipe dengan tipe lainnya dengan menyetel ownerType . Perhatikan bahwa konfigurasi ini tidak diperlukan saat menggunakan pendekatan extend . ownerType dikenali secara otomatis.
4. Ganti penerapan metode induk.
5. Setiap metode yang ditimpa dalam tipe anak dapat memanggil induknya dengan memanggil this.base(arguments) .

Fitur Inti

1. Modularitas
2. Komponen
3. Campuran
4. Kelas
5. Warisan
6. Binding dan Templating (templat inline, pra-render, asinkron)

Memulai dan Dokumentasi

Contoh singkat:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  ownerType : 'component' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . define ( 'hello-world' , helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

Setara dengan kode di atas yang ditulis dengan API perluasan terlihat seperti ini:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  type : 'hello-world' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . component . extend ( helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

Dokumentasi terperinci dapat ditemukan di sini.

Demo langsung dapat ditemukan di sini.

Integrasi Bootstrap

Lihat integrasi modul di sini.

Kontribusi

Harap baca Panduan Berkontribusi sebelum membuat permintaan penarikan.

Dukungan Peramban

PlazarJS mendukung semua browser yang mendukung ECMAScript 5. Lihat tabel kompatibilitas.

Dukungan Peramban IE

Setiap implementasi/perubahan dilakukan dengan mengabaikan IE versi 9 dan lebih rendah.

Rencana

Beberapa rilis besar berikutnya akan berisi:

1. Dukungan TypeScript.
2. Core plazar-ui (seperangkat kontrol di luar kotak). Ini akan menghilangkan kebutuhan akan integrasi kerangka CSS eksternal. Tentu saja, Anda masih dapat mengintegrasikannya jika Anda mau.

Lisensi

MIT