前端-【学习心得】-移动端性能提高4

今天鼓捣了一天混合app的东西，在node 社区看到这种混合型的项目着实兴奋了一把。可惜的是不知道为何compass在mac上始终无法安装成功，无论我更换gem源，或提前安装好compass相关依赖都无法安装成。希望有大神看到这文章帮忙指导下。

今天总结下网络存储的Localstorage.

与浏览器缓存不同，localstorage提供了全手动控制的方法。你自己决定放入什么，什么时候拿出来。什么时候到期。谷歌给的建议中就包含的让我们使用Localstorage缓存js和css。

localstorage只有5M，所以我们需要判断它是不是满了，判断的方法是把localstorage当作一个普通的js对象，JSON.stringify(localstorage)返回一个JSON格式的localstorage。然后我们就可以用一个技巧，unescape(encodeURIcomponent("string").lengh),就会给出字符串的大小（字节单位）。

5M=1024*10224*5字节，可用空间就是1024*1024*5-unescape(encodeURIcomponent(JSON.stringify(localstorage))).length

当然我们可以在塞数据的时候使用try catch,这种技巧经常会在java后台开发中用到，这里也可以。