js新建一个数组和对象把数据已字符串形式存入本地缓存

news/2024/7/19 15:48:08 标签: js
 
    var arr = []; //新建一个数组
    var objA= new Object(); //新建一个对象
    objectA();
    function objectA() {
      var tabitemhtml='';
      objectB(msg[0].id)  //传入数据的第一个id
      console.log(msg[0].id)
     
      for(var i=0;i<msg.length;i++){
          arr.push(msg[i].id); //把id存入空数组
          var menuid=msg[i].id  //
          objA[menuid]=msg[i].id; //把ID赋值给对像
        tabitemhtml+=' <div data-id="'+msg[i].id+'" class="tabItem">'+msg[i].name+'</div>'
      }
     $('.tab').html(tabitemhtml);
     $('.tab').children().eq(0).addClass('active');
     //$('.tabContent .tabList').eq(0).show()
     setdata(objA ,'data')
     $('.tab > .tabItem').click(function(){
        $('.tab > .tabItem').removeClass('active');
         $(this).addClass('active');
         var index=$(".tabItem").index(this);
         //$('.tabContent .tabList').eq(index).show().siblings().hide();
        
        var id=$(this).attr('data-id');
         $('.tabContent div').eq(index).show().siblings().hide();
         $('.tabContent div').remove()
         objectB(id)
         console.log(id)
     })
    }
    function setdata(a,data){
       console.log(a)
       localStorage.setItem(data,JSON.stringify(a)) //把数据存入本地缓存 已字符串形式存入
    }
    function objectB(id) {
       var tablisthtml=''
       for(var i=0;i<data.length;i++){
           tablisthtml+='<div  class="tabList"><p>'+data[i].title+'</p><div><span>'+data[i].unit+'</span><span>'+data[i].year+'</span></div></div>'
       }
       $('.tabContent').html(tablisthtml);
      console.log(id)
    }

http://www.niftyadmin.cn/n/734150.html

相关文章

LWN:主动回收较少使用的内存页面

点击上方蓝色字关注我们~Proactively reclaiming idle memoryBy Jonathan CorbetMay 7, 2019LSFMMShakeel Butt在2019 Linux Storage, Filesystem, and Memory-Management Summit会议中的主题演讲里&#xff0c;最开始先提醒了大家在data center&#xff08;数据中心&#xff0…

通过 React Hooks 声明式地使用 setInterval

本文由云社区发表作者&#xff1a;Dan Abramov 接触 React Hooks 一定时间的你&#xff0c;也许会碰到一个神奇的问题: setInterval 用起来没你想的简单。 Ryan Florence 在他的推文里面说到&#xff1a; 不少朋友跟我提起&#xff0c;setInterval 和 hooks 一起用的时候&#…

LWN:ION变了个形,就要打入Linux内部了!

点击上方蓝色字关注我们~Destaging IONJuly 9, 2019This article was contributed by Marta Rybczyńska过去几年中&#xff0c;Android系统里面已经使用过多种DMA buffer分配方案了。首先是PMEM&#xff0c;然后被ION所替换。ION自从2012年开始商用以来&#xff0c;一直存在于…

Work with Alexa : 智能设备连接到Alexa

背景&#xff1a; 我想开发一款基于Amazon Alexa的智能家居设备。目前使用Alexa语音服务有两种方式&#xff1a;AVS Device SDK内置设备和设备连接到Alexa。本文介绍设备连接到Alexa这种方式。 设备连接Alexa的四种方式&#xff1a;1.云 使用方式&#xff1a;在Alexa app上找到…

js正则验证手机号,身份证号,邮箱。

//校验手机号码 function phoneRuler(phone){let reg /^1[3|4|5|6|7|8|9][0-9]{9}$/;return reg.test(phone) } console.log(phoneRuler(13587264753)) //true console.log(phoneRuler(1358726475)) //false// 校验身份证号码 function isCardNo(card) {// 身份证号码为15位或…

LWN:CPU affinity怎么才能不那么死板?

点击上方蓝色字关注我们~Soft CPU affinityBy Jonathan CorbetJuly 4, 2019有些NUMA系统上有许多CPU&#xff0c;也就经常会需要把一些workload分配到某些指定处理器上去。这样做的好处是能改善性能&#xff0c;同时避免它影响其他处理器。目前kernel里的实现方式可能有点过分保…

取代Python多进程!伯克利开源分布式框架Ray

Ray由伯克利开源&#xff0c;是一个用于并行计算和分布式Python开发的开源项目。本文将介绍如何使用Ray轻松构建可从笔记本电脑扩展到大型集群的应用程序。并行和分布式计算是现代应用程序的主要内容。我们需要利用多个核心或多台机器来加速应用程序或大规模运行它们。网络爬虫…

js实现存储cookie获取cookie封装

//存储cookie 不设置时间为永久存储cookie function setCookie(cname, cvalue) {// var d new Date();// d.setTime(d.getTime() (exdays * 24 * 60 * 60 * 1000));// var expires "expires" d.toUTCString();document.cookie cname "" cvalue &qu…