S.js示例代码

代码语言:html

所属分类:其他

代码描述:S.js示例代码,S.js 是一个小型响应式编程库。它将自动依赖关系图与同步执行引擎相结合。目标是使响应式编程变得简单、干净和快速。 S 应用由数据信号和计算组成: 数据信号是使用 .它们是一段可能会更改的数据的小容器。S.data() 计算是使用 创建的。随着数据信号的变化,它们会保持最新状态。S(() => ) 这两种信号都表示为小函数:调用信号以读取其当前值,向数据信号传递新值以更新它。 除了这两个之外,S 还有一些实用程序来控制什么算作更改以及 S 如何响应。

代码标签: S.js 示例 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

</head>
<body>

     <script type="module">
    import * as ff from '//repo.bfw.wiki/bfwrepo/js/module/S.js'
      let greeting = S.data("Hello"),
    name = S.data("world");

S(() => document.body.textContent = `${greeting()}, ${name()}!`);


name("reactivity");


S.freeze(() => {
    name("mary"); // *schedules* next value of "mary" and returns "mary"
    name(); // still returns "sue"
});
name(); // now returns "ma.........完整代码请登录后点击上方下载按钮下载查看

网友评论0