localStorage

在做着前端的网页记事本功能，由于后端编程了解少（后端还是很有趣的，哎），想着先用浏览器本地存储功能来实现吧（真正学前端不到3个月，哎）。

得知浏览器存储方式主要分为Cookie,IndexedDB,Web SQL,Session Storage,Local Storage.（除了Cookie,其他是HTML5新特性）这些存储方式对应文件保存在本地（eg:chrome浏览器在地址栏搜索chrom://version 就有显示这些文件所在的文件夹），这些文件大都是sqlite数据库文件,可以用sqlite manager打开查看（看到有access数据库文件，电脑没安装access打不开，不过有的数据库文件是加密了），所以在chrome浏览器，他们使用数据库形式存储的。

由于IndexedDB,Web SQL规范问题会导致诸多兼容问题，所以想着没采用这两个。由于Cookie能存储的空间小，只剩下考虑Local Storage了。

同样，提供了相应的增删改查API，不过要看看，他的存储空间，不同浏览器可能会不通，测试代码如下;

             (function () {                    if(!window.localStorage){                        console.log('当前浏览器不支持localStorage');                        return;                    }                    var test='1234567890';                    var cal=test;                    while(true){                        if(cal.length>=10240){                            test=cal;                            break;                        }                        cal+=test;                    }                    var sum=test;                    while(true){                        try{                            window.localStorage.setItem('test',sum);                            console.log('test length='+window.localStorage.getItem('test').length/1024+"KB");                            sum+=test;                        }catch (e){                            var size=0;//原来的+现在的                            for(item in window.localStorage){                                if(window.localStorage.hasOwnProperty(item)){                                    size+=window.localStorage.getItem(item).length;                                }                            }                            console.log('localStorage max length='+size/1024+'KB');                            break;                        }                    }                })();

chrome浏览器为5MB，好，都准备好了，画出流程后就可以写代码了（原本以为浏览器读取这数据都会慢，结果不会）。嗯，如果用本地存储做的话，首先能存储的空间有限，然后如果换了个浏览器或电脑都没了数据了哎，写还是不写呢？嗯，写吧，后面再改成请求后台数据的。
学到一点：任何说辞可能并不准确，但是代码不会骗人，想要真正理解结果，就要从具体代码层面思考才更好解决问题，说辞只提供可能方向太过抽象了.