localStorage和sessionStorage本地缓存

1.localStorage

localStorage ：是一种如果你不主动去清除，会一直将数据存储在客户端的储存方式，即使关闭了浏览器，下次打开的时候仍然可以看 到之前存储的未主动清除的数据（即便是杀毒软件或者浏览器自带的清除功能，也不能将localStorage存储的数据清除掉）

1.基本写法 ：

<1>.localStorage 存数据 ：

 <input type="text">
    <button>存</button>
    <button>取</button>
    <script>
        var btn = document.querySelectorAll('button')
        var input = document.querySelector('input')
        btn[0].addEventListener('click', () => {
            var data = input.value
            localStorage.setItem('userData', data)
        })
    </script>

<2>.localStorage 取数据 ：

 var btn = document.querySelectorAll('button')
        var input = document.querySelector('input')