JS本地存储加载渲染页面信息、动态更新本地存储数据

 本地存储数据加载到页面：

1. 从本地存储中获取数据，并由字符串基础类型转换为对象类型（存储至堆内存中）
2. 初始化变量data 为空数组（变量data存储在栈内存中）
3. 将获取的数据赋值给变量data (实质为：将堆内存中的该组数据的存储地址，赋值给到栈内存中的变量data )
4. 遍历数组data，将数据渲染到html页面中。
5. 将新增数据封装新的JSON对象，添加入数据数组
6. 将数据数组整体更新入本地存储中的关键字对应的关键值

<script>
    // 获取本地存储中的数据
    var local = window.localStorage;
    var tbody = document.querySelector("tbody");
    var newbookname = document.getElementById("bookname");
    var newbookprice = document.getElementById("bookprice");
    var insbtn = document.getElementById("