HTML5的web存储与函数的防抖和节流

1.cookie方法

        有时间限制 存储大小 存储大小：几kb

2.localStorage方法

    没有时间限制，除非手动清楚，否则一直存在 存储大小 几Mb

        方法：

       1.存数据 setItem(key , value) value只能是基本类型 JSON.stringify()转换成字符串

        2.取数据 getItem(key)

        3.通过索引获取key

        4.移出数据 removeItem(key)

        5.清除数据 clear()

3.sessionStorage方法

    没有时间限制，页面关闭后自动清除 存储大小：几Mb

        方法：同上localStorage

防抖和节流：

        防抖节流分为防抖和节流，都是为了防止短时间内高频率调用同一接口的方法

        防抖和节流的区别：函数节流不管事件触发有多频繁，都会保证在规定时间内一定会真正执行隐藏时间处理函数，而函数防抖只在最后一次触发后才会执行。

  防抖：设置延时器，短时间高频率出发只有最后一次触发成功

        var timer;

            document.getElementById('btn').onclick = function () {

                clearTimeout(timer)

                timer = setTimeout(function () {

                    console.log(1)

                }, 1000)

            }

 节流：设置状态锁，短时间高频率触发只有第一次触发成功

        var key = false

            document.getElementById('btn').onclick = function () {

                if (!key) {

                    key = true

                    console.log(1);

                    setTimeout(function () {

                        key = false

                    }, 1000)

                }

            }