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
  }
) ;