DeLoreanjs(Delorean.js) 是极小的 Flux 模式实现:
单向数据流,是的你的应用逻辑比 MVC 还简单
自动监听数据变化情况,保持数据持续更新
这是个很完整的框架,没有视图框架
非常小,压缩后只有 4K
内置 React.js 集成,易于使用 Flight.js 和 Reactive.js 或者其他的 JS 库
使用回滚提高 UI 和数据的一致性
示例:
data:
null
,
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());};
发布于 2016-05-25 00:28:46 | 136 次阅读
发布于 2015-05-28 23:52:10 | 151 次阅读
发布于 2015-03-24 00:33:01 | 145 次阅读
发布于 2015-03-18 23:18:45 | 156 次阅读
发布于 2014-11-29 23:53:35 | 225 次阅读
发布于 2014-09-28 23:23:06 | 257 次阅读