plazar js

PlazarJS

アプリケーション開発のシンプルさとスピードの点で開発者のエクスペリエンスを豊かにするために構築された多用途のフレームワーク。

目次

• ?インストール
• ?導入
• はじめにとドキュメント
• ?ブートストラップの統合
• ?貢献
• ?ブラウザのサポート
• ?予定

インストール

次の npm コマンドを実行します。

$ npm install @plazarjs/core

または、ページに script タグを配置します。

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

利用可能な依存パッケージのリストを確認してください。

導入

PlazarJS は、独自の JavaScript 用フレームワークです。依存関係がなく、オブジェクト指向原則 (OOP) を活用することで、大規模なシングルページ アプリケーションを簡単に作成したり、動的なワークフローが必要な Web ページの一部に統合したりできます。これは柔軟に構築されており、開発中のアプリケーションに適さないと思われるパスに従うことを強制することなく、希望どおりにアプリケーションを構築できるように設計されています。主な焦点は、HTML、CSS、JavaScript という古き良きトリオです。

TL;DR

1. pz.define 、 pz.component.extendまたはpz.class.extendを呼び出すことで、コンポーネント、ミックスイン、またはクラスを定義できます。ミックスインは拡張できません。
2. 必要に応じて、後でアプリ内で各タイプを再利用します。 1 つのタイプに複数のインスタンス。
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 ( ) ;

extend 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. TypeScript のサポート。
2. Core Plazar-UI (すぐに使用できるコントロールのセット)。これにより、外部 CSS フレームワークの統合が不要になります。もちろん、必要に応じて、それらのいずれかを統合することもできます。

ライセンス

マサチューセッツ工科大学