DeLoreajs(Delorea.js)是极小的Flux模式实现:
单向数据流,是的你的应用逻辑比MVC还简单
自动监听数据变化情况,保持数据持续更新
这是个很完整的框架,没有视图框架
非常小,压缩后只有4K
内置React.js集成,易于使用Flight.js和Reactive.js或者其他的JS库
使用回滚提高UI和数据的一致性
示例:
/* * Stores are simple data buckets which maages data. */var Store = Flux.createStore({ data: ull, setData: fuctio (data) { this.data = data; this.emit('chage'); }, actios: { 'icomig-data': 'setData' }});var store = ew Store();/* * Dispatchers are simple actio dispatchers for stores. * Stores hadle the related actio. */var Dispatcher = Flux.createDispatcher({ setData: fuctio (data) { this.dispatch('icomig-data', data); }, getStores: fuctio () { retur {icremet: store}; }});/* * Actio Creators are simple cotrollers. They are simple fuctios. * They talk to dispatchers. They are ot required. */var Actios = { setData: fuctio (data) { Dispatcher.setData(data); }};// The data cycle.store.oChage(fuctio () { // Ed of data cycle. documet.getElemetById('result').ierText = store.store.data;});documet.getElemetById('dataChager').oclick = fuctio () { // Start data cycle: Actios.setData(Math.radom());};
评论