| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

人机交互 JavaScript 框架:Cycle.js

Cycle.js 是一个人机交互的 JavaScript 框架。Cycle 的核心是由 human() 和 computer () 两个函数相互作用而建立的模型。计算机的输出作为人体的输入,反之亦然,然后导出方程 x = human(computer(x)),这个 x 是可以观察的。人机相互观察,这就是我们说的“功能单项数据流”,或者“反应对话”,作为一个应用程序的开发者,你只要指定 computer() 的功能。

示例代码:

import {run} from '@cycle/core';   import {h, makeDOMDriver} from '@cycle/web';      function main(responses)   {     return {       DOM: responses.DOM.get('.field', 'input')         .map(ev => ev.target.value)         .startWith('')         .map(name =>           h('div', [             h('label.label', 'Name:'),             h('input.field', {attributes: {type: 'text'}}),             h('hr'),             h('h1.header', 'Hello ' + name)                      ])      )   };  }      run(main,   {   DOM: makeDOMDriver('.js-container')   }  );

 人机交互 JavaScript 框架 Cycle.js

项目主页:http://www.open-open.com/lib/view/home/1435892731857

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1435892731857.html
Cycle.js JavaScript开发