最近的項目中用到了前端存儲，最初選用的是localStorage，這個是html5里面新增的API，用法很簡單。setItem getItem clear。 值得注意的是，localStorage中存進去的數據，都是以字符串的形式存儲的，取出來的時候也是以字符串的形式拿到的。由於項目中一般數據都是以json或者array的方式存入的。因此需要在存取前進行JSON.parse和JSON.Stringify。
localStroage中另一個不便之處是，它僅僅是一個單純的數據存儲，沒有自增的id。這且不說，在取數據的時候，只能遍歷查找，比如你要找某一個時間段的數據，這里也只能是遍歷查詢。數據量少還沒什么，數據量大的時候確實比較麻煩，畢竟動不動就遍歷，誰受得了。
web sql和常用的mysql有類似之處。操作的語言也是sql語句。支持一些sql常見的查找啊，增加啊 更新什么的。我覺得還比較好用，移動端應該沒什么問題。但是貌似在PC上的瀏覽器兼容性方面會有一些問題。因為我們的項目很快找到了替代的localforage 因此web sql還沒怎么過深入的研究。
localforage是mozilla開發的，優點：1. 和localStorage一樣但存取數據的時候，但可以將數組啊 json啊 等格式的數據存入，不需要再額外的改變數據格式了。另外，localStroage存取數據是同步的，而localforage則是異步的，並且支持promise模式。這一點倒不能說孰優孰劣，同步亦有同步的好處。
localforage也是不支持sql查詢的，同localStorage一樣，只能做簡單的數據存取，這樣來看，大一些的前端數據存儲，還是web sql會比較好用一些。寫到這有一點疑惑，localforage是基於localStroage web sql的 怎么就不支持sql查詢呢