前言
在座的各位简友应该都有过表单项填写的经历吧。当你认真的填写表单时，你的朋友突然按下关机键整蛊，又或者是胳膊不小心移动鼠标关掉了当前网页，填写半天表单项结果需要重来无疑是令人崩溃的。而有的网站你重新打开会惊奇的发现，填写的表单项依旧还在，并没有因为网页的关闭而消失。
缓存
浏览器对每个域名都会有两个不同的缓存的区域，分为本地缓存和session缓存，本地缓存会永久存储在浏览器当中，而session缓存则会在网页关闭之后销毁。所以，重新打开网页数据还在是本地缓存在起作用哟。当然，本地缓存只是其中之一的解决方案，这里我们只介绍本地缓存实现一个表单项。
<!doctype html>
<textarea style="width:200px; height: 60px;" id="area" placeholder="请输入内容"></textarea>
<br>
<button onclick="localStorage.removeItem('area');area.value=''">Clear</button>
<script>
area.value = localStorage.getItem('area');
area.oninput = () => {
localStorage.setItem('area', area.value)
};
</script>
结语
缓存能够在许多时候起到一定的体验优化，让我们感受缓存之美吧。
网友评论