localStorage 本地缓存使用

文件导入功能支持修改的状态下，数据量过大想要可以暂存在缓存中，并且可以从缓存中读取。

 实现代码如下：

                

                    保存
                    
                    

                
            





//暂存方法
 /**
     * 缓存
     */
    function storageRoation () {
        if(window.Storage){
            //轮转集合字符串
            var roationListStr = localStorage.getItem("roationList");

            var roationList;

            if (!roationListStr) {
                roationListStr = "[]";
            }else{
                roationListStr = importData;
            }
            // 转换json对象 我这里就是所以这一步不需要
            // roationList = JSON.parse(roationListStr);

            // 转换为字符串
            roationList = JSON.stringify(roationListStr);


            // 保存到storage
            localStorage.setItem("roationList", roationList);
        }
    };



//读取缓存方法
/**
     * 读取缓存
     */
    function queryRoation () {
        if (!localStorage.hasOwnProperty("roationList"))
            return;

        // 把Storage中的数据绑定到 表格
        if (window.Storage) {
            var roationListStr = localStorage.getItem("roationList");
            var roationList = JSON.parse(roationListStr);
            console.log(roationList)

            //注意这里要使用layui.table
            layui.table.render({
                elem: '#test',
                height: 460,
                page: true,
                data: roationList
                , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                , cols: [
                    [
                        {field: 'uname', title: '姓名', width: 120},
                        {field: 'ucode', title: '工号', width: 150},
                    ]
                ],
                done : function(){
                }
            });
        }
    };