Open eyasliu opened 8 years ago
继上一篇文章 #2 ，使用github api搭建了一个博客，托管于github pages。这么做优点很显著，功能齐全，seo友好，issues页面也好看，github用户互动方便等等。但是，在某些方面收到了阻碍。
给网站加个缓存，把每次请求回来的数据存到浏览器，需要数据的时候从浏览器中拿。由于数据来源于缓存，速度回非常快
当应用需要请求数据时，首先检查一下本地缓存中是否存在数据，如果存在则从缓存中获取，直接返回给应用，如果不存在，就先请求api，请求成功后先将数据存到缓存中，再从缓存中读取数据，返回给应用。这样，应用的数据统一都来自缓存，而api请求成功后，都统一存到缓存，这样统一流程更方便实现与维护。
考虑一下几个问题：
结论是： 每当进入首页的时候刷新列表，而且还是后台静默更新。进入文章详情后，更新文章的评论数据。 因为评论数据无法一次性全拿回来
详见文件 post.js
继上一篇文章 #2 ，使用github api搭建了一个博客，托管于github pages。这么做优点很显著，功能齐全，seo友好，issues页面也好看，github用户互动方便等等。但是，在某些方面收到了阻碍。
遇到的问题
解决方案
给网站加个缓存，把每次请求回来的数据存到浏览器，需要数据的时候从浏览器中拿。由于数据来源于缓存，速度回非常快
流程
当应用需要请求数据时，首先检查一下本地缓存中是否存在数据，如果存在则从缓存中获取，直接返回给应用，如果不存在，就先请求api，请求成功后先将数据存到缓存中，再从缓存中读取数据，返回给应用。这样，应用的数据统一都来自缓存，而api请求成功后，都统一存到缓存，这样统一流程更方便实现与维护。
缓存更新机制
考虑一下几个问题：
结论是： 每当进入首页的时候刷新列表，而且还是后台静默更新。进入文章详情后，更新文章的评论数据。 因为评论数据无法一次性全拿回来
流程图
实现方案
技术选型：
code
详见文件 post.js
未来展望