plazar js
1.0.0
一個多功能框架,旨在豐富開發人員在應用程式開發的簡單性和速度方面的體驗。
執行以下 npm 命令:
$ npm install @plazarjs/core
或者,將腳本標籤放置在您的頁面上:
< script src =" https://cdn.jsdelivr.net/npm/@plazarjs/core " > </ script >
查看可用的依賴套件清單。
PlazarJS 是一個不固定的 JavaScript 框架。它沒有依賴性,並且透過依靠物件導向原則(OOP),它可以輕鬆地用於創建大型單頁應用程序,或者可以將其整合到需要動態工作流程的網頁部分。它的構建非常靈活,旨在幫助您按照您想要的方式構建應用程序,而不會強迫您遵循您認為不適合您正在開發的應用程式的路徑。主要關注的是古老的三重奏:HTML、CSS 和 JavaScript。
pz.define
、 pz.component.extend
或pz.class.extend
來定義元件、mixin 或類別。 Mixin 不可擴展。ownerType
用另一種類型擴展每種類型。請注意,使用extend
方法時不需要此配置。 ownerType
會被自動識別。this.base(arguments)
來呼叫其父方法。 一個簡單的例子:
// 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 ( ) ;
詳細文件可以在這裡找到。
可以在這裡找到現場演示。
在此處查看模組整合。
請在發出拉取請求之前閱讀貢獻指南。
PlazarJS 支援所有 ECMAScript 5 相容瀏覽器。查看相容性表。
每個實作/更改都是以忽略 IE 版本 9 及更低版本的方式完成的。
一些接下來的主要版本將包含:
麻省理工學院