plazar js

广场JS

一个多功能框架，旨在丰富开发人员在应用程序开发的简单性和速度方面的体验。

目录

• ？安装
• ？介绍
• 入门和文档
• ？引导集成
• ？贡献
• ？浏览器支持
• ？计划

安装

运行以下 npm 命令：

$ npm install @plazarjs/core

或者，将脚本标签放置在您的页面上：

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

查看可用的依赖包列表。

介绍

PlazarJS 是一个不固定的 JavaScript 框架。它没有依赖性，并且通过依靠面向对象原则（OOP），它可以轻松地用于创建大型单页应用程序，或者可以将其集成到需要动态工作流程的网页部分。它的构建非常灵活，旨在帮助您按照您想要的方式构建应用程序，而不会强迫您遵循您认为不适合您正在开发的应用程序的路径。主要关注的是古老的三重奏：HTML、CSS 和 JavaScript。

长话短说

1. 可以通过调用pz.define 、 pz.component.extend或pz.class.extend来定义组件、mixin 或类。 Mixin 不可扩展。
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 ( ) ;

详细文档可以在这里找到。

可以在这里找到现场演示。

引导集成

在此处查看模块集成。

贡献

请在发出拉取请求之前阅读贡献指南。

浏览器支持

PlazarJS 支持所有 ECMAScript 5 兼容浏览器。查看兼容性表。

IE浏览器支持

每个实现/更改都是以忽略 IE 版本 9 及更低版本的方式完成的。

计划

一些接下来的主要版本将包含：

1. 打字稿支持。
2. 核心 plaza-ui（开箱即用的控件集）。这将消除对任何外部 CSS 框架集成的需要。当然，如果您选择的话，您仍然可以集成其中任何一个。

执照

麻省理工学院