DeLorean Flux 模式实现

我要开发同款
匿名用户2014年09月22日
59阅读
开发技术JavaScript
所属分类Node.js扩展、Web应用开发、Node.js 扩展
授权协议MIT

作品详情

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

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

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

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

非常小,压缩后只有4K

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

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

示例:

/* * 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());};

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论