plazar js

พลาซาร์JS

เฟรมเวิร์กอเนกประสงค์ที่สร้างขึ้นเพื่อเพิ่มประสบการณ์ของนักพัฒนาในแง่ของความเรียบง่ายและความเร็วของการพัฒนาแอปพลิเคชัน

สารบัญ

• - การติดตั้ง
• - การแนะนำ
• การเริ่มต้นและเอกสารประกอบ
• - การรวม Bootstrap
• - ผลงาน
• - รองรับเบราว์เซอร์
• - แผน

การติดตั้ง

รันคำสั่ง npm ต่อไปนี้:

$ npm install @plazarjs/core

หรือวางแท็กสคริปต์บนหน้าเว็บของคุณ:

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

ตรวจสอบรายการแพ็คเกจที่ต้องพึ่งพาที่มีอยู่

การแนะนำ

PlazarJS เป็นเฟรมเวิร์กที่ไม่มีความคิดเห็นสำหรับ JavaScript ไม่มีการพึ่งพาและอาศัยหลักการเชิงวัตถุ (OOP) ทำให้สามารถใช้เพื่อสร้างแอปพลิเคชันหน้าเดียวขนาดใหญ่ได้อย่างง่ายดาย หรือสามารถรวมเข้ากับส่วนของหน้าเว็บที่จำเป็นต้องมีเวิร์กโฟลว์แบบไดนามิก สร้างขึ้นให้มีความยืดหยุ่นและออกแบบมาเพื่อช่วยให้คุณสร้างแอปพลิเคชันตามที่คุณต้องการ โดยไม่บังคับให้คุณปฏิบัติตามเส้นทางที่คุณคิดว่าไม่เหมาะกับแอปพลิเคชันที่คุณกำลังพัฒนา จุดสนใจหลักอยู่ที่ทั้งสามแบบเก่าที่ดี ได้แก่ HTML, CSS และ JavaScript

TL;ดร

1. สามารถกำหนดส่วนประกอบ มิกซ์อินหรือคลาสโดยการเรียกใช้ pz.define , pz.component.extend หรือ pz.class.extend มิกซ์อินไม่สามารถขยายได้
2. นำแต่ละประเภทกลับมาใช้ซ้ำในแอปในภายหลังได้มากเท่าที่จำเป็น ประเภทเดียวหลายกรณี
3. ขยายแต่ละประเภทด้วยอีกประเภทหนึ่งโดยการตั้งค่า ownerType โปรดทราบว่าไม่จำเป็นต้องใช้การกำหนดค่านี้เมื่อใช้วิธี extend ownerType ได้รับการยอมรับโดยอัตโนมัติ
4. แทนที่การใช้เมธอดพาเรนต์
5. แต่ละวิธีที่ถูกแทนที่ในประเภทลูกสามารถเรียกพาเรนต์ได้โดยการเรียกใช้ this.base(arguments)

คุณสมบัติหลัก

1. ความเป็นโมดูลาร์
2. ส่วนประกอบ
3. มิกซ์อิน
4. ชั้นเรียน
5. มรดก
6. การผูกและการสร้างเทมเพลต (อินไลน์ แสดงผลล่วงหน้า เทมเพลตอะซิงก์)

การเริ่มต้นและเอกสารประกอบ

ตัวอย่างด่วน:

 // 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 ( ) ;

เทียบเท่ากับโค้ดด้านบนที่เขียนด้วยส่วนขยาย API มีลักษณะดังนี้:

 // 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 ( ) ;

เอกสารรายละเอียดสามารถพบได้ที่นี่

สามารถดูการสาธิตสดได้ที่นี่

การรวม Bootstrap

ชำระเงินการรวมโมดูลที่นี่

ผลงาน

โปรดอ่านคู่มือการมีส่วนร่วมก่อนที่จะทำการดึงคำขอ

รองรับเบราว์เซอร์

PlazarJS รองรับเบราว์เซอร์ที่รองรับ ECMAScript 5 ทั้งหมด ตรวจสอบตารางความเข้ากันได้

รองรับเบราว์เซอร์ IE

การใช้งาน/การเปลี่ยนแปลงทุกครั้งจะดำเนินการโดยละเว้น IE เวอร์ชัน 9 และต่ำกว่า

แผน

รุ่นหลักบางส่วนถัดไปจะมี:

1. การสนับสนุน TypeScript
2. Core Plazar-ui (ชุดควบคุมนอกกรอบ) สิ่งนี้จะขจัดความจำเป็นในการรวมเฟรมเวิร์ก CSS ภายนอก แน่นอนว่าคุณยังคงสามารถผสานรวมสิ่งเหล่านี้ได้หากคุณเลือก

ใบอนุญาต

เอ็มไอที