1、创建一个cache.js文件,前端页面,定义那些数据需要一次性拿到前端缓存,定义一个对象来保存这些数据。
2、前端页面,定义一个函数来调用后台接口获取数据,然后保存到本地缓存对象(dicts)中。
3、在主页面加载的时候调用这个方法一次性获取数据并缓存起来。这样,以后需要同样的数据,就直接从本地对象dicts中获取了。
4、后端Controller,定义一个接口,根据前端的请求,查询数据库(或查询服务器缓存,如下面例子中)获取数据返回给前端。
个人认为如果它已经被浏览器下载到缓存,而且尚未过期,那么浏览器会优先使用缓存的,虽然浏览器也会向服务器发送文件请求,但如果请求的文件自上次被下载以来没有变更过,实际是不会重复下载的,服务器会返回一个信号,通知浏览器直接使用缓存中的文件,即可起加速作用,又可节省带宽.如果没有人为干预,浏览器和服务器通常可以自动完成上述过程,不用特别的设计.