微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

DeLorean Flux 模式实现

程序名称:DeLorean

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

DeLorean 介绍

DeLoreanjs(Delorean.js) 是极小的 Flux 模式实现:

  • 单向数据流,是的你的应用逻辑比 MVC 还简单

  • 自动监听数据变化情况,保持数据持续更新

  • 这是个很完整的框架,没有视图框架

  • 非常小,压缩后只有 4K

  • 内置 React.js 集成,易于使用 Flight.jsReactive.js 或者其他的 JS 库

  • 使用回滚提高 UI 和数据的一致性

示例:

@H_502_32@/* * Stores are simple data buckets which manages data. */var Store = Flux.createStore({   data: null,   setData: function (data) {     this.data = data;     this.emit('change');   },   actions: {     'incoming-data': 'setData'   }});var store = new Store();/* * dispatchers are simple action dispatchers for stores. * Stores handle the related action. */var dispatcher = Flux.createdispatcher({   setData: function (data) {     this.dispatch('incoming-data', data);   },   getStores: function () {     return {increment: store};   }});/* * Action Creators are simple controllers. They are simple functions. *  They talk to dispatchers. They are not required. */var Actions = {   setData: function (data) {     dispatcher.setData(data);   }};// The data cycle.store.onChange(function () {   // End of data cycle.   document.getElementById('result').innerText = store.store.data;});document.getElementById('dataChanger').onclick = function () {   // Start data cycle:   Actions.setData(Math.random());};

DeLorean 官网

http://deloreanjs.com/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐