提问:如何设计含复杂数据客户端存储交互的前端架构
来源:互联网 发布:mac 安装lamp 编辑:程序博客网 时间:2024/05/16 09:40
最近,在做一个前端在线的编辑器web程序。开发过程中,有很多前端缓存数据,数据的逻辑处理,并且还有很多的状态更新。
因没有用一些mvvm框架,暂时处理的方式如下:
1.数据缓存:
数据缓存都放在localStorage里,每次发布的时候,会向服务器发送更新数据,页面打开或者刷新的时候,会从服务器拉数据更新本地缓存。也就是说,所有数据流转,都是围绕着缓存的读与取。
2.实体对象:
一些常用的交互对象,我采取逐个封装成javascript对象model,存到body的data属性里面(因为是单页面);并写了工具类专门去存取model值;(这里当对象的属性特别多的时候,真的快把我弄疯了)
3.问题:
但是感觉太烦了,每次需要更新值的时候,都要先取一遍,为了保证其他地方引用的时候能实时,更新值过后必须要再存下,想求教有木有更好的方式?
类似下面结构:
//factory 伪代码var ResourceFactory = (function(){ var defaultXXXValue = { status:'0', updateTime:new Date() } function ResourceFactory(){} ResourceFactory.prototype.setXXX = function(value){ LocalStorage.set('XXX',value||defaultXXXValue); } ResourceFactory.prototype.getXXX = function(){ LocalStorage.set('XXX',value||defaultXXXValue); } ResourceFactory.prototype.setXXX1 = ... ResourceFactory.prototype.getXXX1 = ... //... return ResourceFactory;})//调用伪代码var resourceFactory = new ResourceFactory();var resource = resourceFactory.getResource();resource.status='1';resource.updateTime = 'XXX';//....resourceFactory.setResource(resource);
5.解决方案
待定…
0 0
- 提问:如何设计含复杂数据客户端存储交互的前端架构
- 对于复杂交互的前端页面架构的思考(干货)
- 复杂业务环境中的前端架构设计
- 如何应对复杂信息架构产品的设计
- EEPROM存储复杂的数据
- 架构师如何从复杂中设计出简单? – 反思许多架构师的迷思
- 前端开发中使用”有限状态机“解决复杂的交互问题
- 为什么ReactJS不适合复杂交互的前端项目
- iOS本地数据存储都有哪几种方式?iOS如何实现复杂对象的存储?
- Erlang的数据存储交互
- 客户端 于 服务器 数据交互架构(支持同步)
- 前端 ,后端 关于数据交互的问题
- 前端和后端是如何交互的
- 前端和后端是如何交互的
- asp.net 前端跟后端通过接口调用实现数据交互(含分页)
- 数据界面的交互设计
- 交互数据Bean的设计
- 前端面筋-客户端存储
- Android照相和录音功能的使用
- 传统Socket编程的回顾(二)
- PATA-1020. Tree Traversals (25)
- C++的RTTI(dynamic_cast与typeid)
- IHookHelper的用法
- 提问:如何设计含复杂数据客户端存储交互的前端架构
- 51nod-1052 最大M子段和
- Welcome!
- MySQL根据根据经纬度查询距离
- 使用JDB调试Java程序
- POJ 3268 Silver Cow Party 笔记
- 并查集 CD收藏 sdnu
- SecureCRT按Ctrl+S后假死问题
- 机器学习第二课:无约束优化问题(局部极小值的几种解法)(梯度下降法与拟牛顿法)