前端学习(二十七）存储&es6（笔记）

cookie         存储
    以站点为单位的。
    必须配合服务器环境
    不能跨浏览器
    cookie有生命周期     默认是session
        session         会话
            打开页面会话开始
            关闭浏览器会话结束
    名字不能重复
    容量有限:     4KB

如何存数据？
        document.cookie = 'name=value';

document.cookie = 'name=value; PATH=/';

document.cookie = 'name=value; PATH=/; EXPIRES='+oDate;
    如何取数据？
        document.cookie
    如何删除数据？
        把过期时间设置到以前

什么时候使用？
如何使用？
    拖拽
        存
            鼠标抬起存
        取
            页面加载取
    选项卡
        存
            切换之后存
        取
            页面加载取

记住用户名
        存
            登录时存
        取
            页面加载取

日期时间
            高级浏览器
            Wed May 10 2017 10:55:51 GMT+0800 (中国标准时间)
            低版本ie
            Wed May 10 10:57:01 UTC+0800 2017

oDate.toGMTString()
            或者
            oDate.toUTCString()
====================================================
localStorage             本地存储

cookie            localStorage                
大小     4KB             5MB
操作    麻烦             简单
过期     有默认是session    没有过期时间
复杂    很多属性         key , value
本地化     不是             是
==================================================
    window.localStorage

存
        localStorage.名字 = 值;
    取
        localStorage.名字;
    删
        delete localStorage.名字;
========================================================
localStorage存入的所有的东西都变成了字符串
    存入
        [1,2,3,4,5]
    变成
        '1,2,3,4,5'

存入
        {"a":12,"b":5}
    变成
        '[object Object]'

序列化、持久化
        对象-》字符串

var str = JSON.stringify(obj)

eg:
            var str = JSON.stringify([1,2,3,4]);

'[1,2,3,4]'

eg2:
            var json = {"name":"lucy","age":12};
            var str = JSON.stringify(json);

'{"name":"lucy","age":12}'

反序列化、反持久化
        字符串-》对象

var obj = JSON.parse(str);

'{"name":"lucy","age":12}'
        {"name":"lucy","age":12}

'[1,2,3,4]'
        [1,2,3,4]

存的时候：序列化
        JSON.stringify(obj);
    取的时候：反序列化
        JSON.parse(str)

-----------------------------------------------------
    可以模拟多窗口通信

window.onstorage
        当localStorage的值改变的时候触发
        window.onstorage = function(ev){
            ev.key             被改的名字
            localStorage[ev.key]     被改的值
        };
===========================================================
    localStorage的兄弟
    sessionStorage
        跟localStorage     一模一样，任何操作都一模一样
        唯一一点区别就是sessionStorage有过期时间
            过期时间：session，关闭浏览器的时候
====================================================
ES6        ECMAScript 6         ECMAScript.next

ES标准
        JavaScript
        TypeScript         微软出的
            AngularJS从2.0开始
        ActionScript    Flash
历史
    ES1.0         
    ES2.0
    ES3.0             
    ES4.0             干掉了。
    ES3.1             4.0的阉割版     harmony
    ES5.0
    ES6.0

ES5.0和ES6.0沦为后台
    NodeJS
=======================================================
    声明变量
        let 名字 = 值;
        块级作用域
            {

}
        不允许重复声明
    声明常量
        不能改变
        一经声明，就不能改变了。
        const 名字 = 值;
        不允许重复的声明
        必须声明的时候直接给值
        const a;         a = 5             不允许
----------------------------------------------------------
    字符串拼接
    var name = '张三';
    var age = 18;
    var str = '我叫"'+name+'",今年"'+age+'"岁';

新写法
    var str = `我叫"${name}",今年"${age}"岁`;
----------------------------------------------------------
    解构赋值
        let [a,b] = [12,5];
        let [a,[b,c],d] = [12,[5,3],8];
        var {a,b} = {a:12,b:5};

let left = 0;
        let top = 0;
            var json = {
                left:left,
                top:top
            }
            等
            var json = {
                left,
                top
            }

function changeColor(obj,color='black'){
            相当于
            color = color||'black'';

}
---------------------------------------------------------
    扩展运算符

var arr = [1,2,3]
        var arr2 = [...arr];
        只能玩数组

function sum(...args){
            args     相当于    arguments
        }
-----------------------------------------------------------
function show(a){
    var json = {b:5};
    delete json.b;
    alert(json.b);             undefined
    delete a;                 
    alert(a);                12
}
alert(show(12));             undefined