Cample.js下載Cample.js源代碼下載

Cample.js

三方組件

3.2.1-beta.1

下載

cample.js-最快的框架之一，沒有Internet上的虛擬DOM！

網站•文檔•示例•示例來源

alpha版本

關於cample.js？

cample.js是用於創建用戶界面的開源JavaScript框架。該框架在基於組件的方法上起作用，其中每個組件可以通過導入和導出當前狀態來互連。 cample.js不使用虛擬DOM與真實的DOM進行交互，這使得反應性過程更快。

主要優勢

JavaScript框架和庫的性能圖。
基於123釋放的結果

安裝

要創建一個應用程序，最好使用官方的Cample-start命令來生成“起點”，從兩個當前可用的模板中選擇。

npx cample-start

主要兩個模板基於兩個模塊捆綁包，例如WebPack和包裹。要從終端中的列表中選擇其中一個，您可以選擇最合適的列表。他們所有人都有官方的支持。

另外，要僅安裝框架，您可以使用以下命令：

npm i cample

使用此安裝，功能仍將直接從模塊可用。使用Cample啟動的安裝簡單地指定了應用程序的開始文件。

入門

設置應用程序的起點後，JS文件將包含以下代碼，或同一代碼，但使用HTML導入。

JavaScript

 const newComponent = component (
  "new-component" ,
  `<div class="component">
    <div class="clicks" data-value="{{dynamicData}}">Clicks:{{dynamicData}}</div>
    <button class="button">Click</button>
  </div>` ,
  {
    script : ( { element , functions } ) => {
      const button = element . querySelector ( ".button" ) ;
      const updateFunction = ( ) => {
        functions ?. updateClicks ( ( data ) => {
          return data + 1 ;
        } ) ;
      } ;
      button . addEventListener ( "click" , updateFunction ) ;
    } ,
    data : ( ) => {
      return {
        dynamicData : 0 ,
      } ;
    } ,
    dataFunctions : {
      updateClicks : "dynamicData"
    } ,
  }
) ;
cample ( "#app" , {
  trimHTML : true ,
} ) . render (
`<template data-cample="new-component">
</template>` ,
  {
    newComponent
  }
) ;