仮想 DOM を使用しない場合の反応性

このバージョンのフレームワークはベータ版です!

だいたい

Cample.js – put UI を作成するための型付き javascript インターネットフレームワーク。

このフレームワークは、仮想 DOM なしで要素の方法と反応性をサポートします。さらに、定式化の作業を容易にするために、Cample.js はバニラの js 演算子をサポートしており、たとえば足し算に対応しています。

1.0.x 以降のバリエーションは真です。

致命的
だいたい
なぜ Cample.js?
Cample.js は、ほとんどの場合、クラス条件を介して機能するこのレベルのフレームワークまで、穏やかなブランドです。要素の方法は、仮想 DOM やレコードのエクスポートとインポートを使用しない場合の反応性と同様に、シリーズが単に js を使用して開発された場合よりもはるかに高速にシリーズを作成することを脇に置きます。さらに、フレームワークはベータ版であり、インターネットベースのプットを構築するための穏やかなものの1つとして試すこともできます.

側面

Cample.js は次の面を提供します:

一部のオペレーターは、バニラ js でフォーミュレーションを操作することに満足しています。

アニメーション
事実を扱う
50+% プロテクトコード
依存関係なし
インストール
NPM経由でインストール:
経由で配置 npm がデフォルトです。フレームワークは最新のバンドラーで動作します。
入門
Cample クラスのインスタンスが作成されます。これは、すべての技術エンティティ (定式化およびその他の多く) の主要なハンドラーです。
 const

newComponent

const

newCample = カンプル
("＃インターネットページ"); newCample与える(
`

class="mutter">

`
,{ newComponent }
)

;

ハイパーリンク記事: 入門。
検索 Ca mple.js docs エクストラミニチュア印刷用

JavaScript

;

const newComponent

,  `

{{component_text}} {{動的データ}} `, ){ 脚本： }], 属性: { 身元:

"身元" }, 事実: {  component_text: "文章",  component_array_texts: {価格： ["Text1", "Text2"], デフォルト値: "文章" }
, dynamicData : { 価格： 
"defaultText", 特性: "updateText"  } } 、 スタイル： `  。エレメント{  幅: 100px;
  ピーク: 100px;   }  `
,  輸出：
{ 「穏やか」 -component1″:{文章： "文章 " } 
}
,
exportId: “textId”  )}); newCample.与える( 
"{{newComponent}}"
, {newComponent }); 
HTML リポジトリリポジトリ

変更履歴
変更履歴  貢献
よく当たりたいと思うはずこのフレームワークに貢献する機会を探している場合は、調査してください 寄稿マニュアル. ありがとう！
ライセンス
MIT
 𝚆𝚊𝚝𝚌𝚑 𝙽𝙾𝚆 📺