做下载类网站赚钱吗,网页美工设计的要点有哪些,网站建设费与无形资产,加强单位网站建设【08.webStorage--本地存储】
(1). 什么是 localStorage 和 sessionStorage #xff1f;
它们都是浏览器的一种本地存储数据的方式它们只是存在本地#xff0c;即浏览器中#xff0c;不会发送到服务器
它们的区别#xff1a;
localStorage#xff1a;永久存在浏览器中…【08.webStorage--本地存储】
(1). 什么是 localStorage 和 sessionStorage
它们都是浏览器的一种本地存储数据的方式它们只是存在本地即浏览器中不会发送到服务器
它们的区别
localStorage永久存在浏览器中【不管是否关闭浏览器】除非手动删除sessionStorage当浏览器被关闭时自动消失存储的数据被清空
【localStorage】
1.特点
存储内容大小一般支持5MB左右不同浏览器可能还不一样。LocalStorage存储的内容需要手动清除才会消失。【需要手动清空缓存不然就算关闭了浏览器LocalStorage中存储的数据还在】
2.localStorage的4个API方法 localStorage.setItem(key,value) 该方法接受一个键和值作为参数会把键值对添加到存储中如果键名存在则更新其对应的值。 script// 保存数据方法function saveData (){// 本地存储中数据是以键值对【key--value】的形式存储的localStorage.setItem(伍六七, 理发师)localStorage.setItem(梅小姐, 刺客)localStorage.setItem(江主任, 小鸡岛妇联主席)// JSON.stringify(p):将p这个对象转换成json字符串的形式localStorage.setItem(天龙帮, JSON.stringify(p))}
/scriptlocalStorage.getItem(key) 该方法接受一个键名作为参数返回键名对应的值。 JSON.parse():把字符串解析成对象。 script// 读取数据方法function readData() {console.log(localStorage.getItem(江主任))const readdata1 localStorage.getItem(天龙帮)//读取到的是一个对象console.log(JSON.parse(readdata1))//读取到的是字符串console.log(localStorage.getItem(天龙帮))}
/scriptlocalStorage.removeItem(key) 该方法接受一个键名作为参数并把该键名从存储中删除。 script// 删除数据的方法function deleteData() {localStorage.removeItem(伍六七)}
/scriptlocalStorage.clear() 该方法会清空存储中的所有数据。 script// 清楚所有数据function clearAllData(){localStorage.clear()}
/script【sessionStorage】
1.特点
存储内容大小一般支持5MB左右不同浏览器可能还不一样。SessionStorage存储的内容会随着**浏览器窗口关闭而消失**。【会话结束–关闭浏览器数据就消失】就是说再次打开浏览器时SessionStorage存储的内容会被清空。
2.sessionStorage的4个API方法 sessionStorage.setItem(key,value) script// 保存数据方法function saveData (){// 本地存储中数据是以键值对【key--value】的形式存储的sessionStorage.setItem(伍六七, 理发师)sessionStorage.setItem(梅小姐, 刺客)sessionStorage.setItem(江主任, 小鸡岛妇联主席)// JSON.stringify(p):将p这个对象转换成json字符串的形式sessionStorage.setItem(天龙帮, JSON.stringify(p))}
/scriptsessionStorage.getItem(key) script// 读取数据方法function readData() {console.log(sessionStorage.getItem(江主任))const readdata1 sessionStorage.getItem(天龙帮)//读取到的是一个对象console.log(JSON.parse(readdata1))//读取到的是字符串console.log(sessionStorage.getItem(天龙帮))}
/scriptsessionStorage.removeItem(key) script// 删除数据的方法function deleteData() {sessionStorage.removeItem(伍六七)}
/scriptsessionStorage.clear() script// 清楚所有数据function clearAllData(){sessionStorage.clear()}
/script总结
SessionStorage存储的内容会随着浏览器窗口关闭而消失。LocalStorage存储的内容需要手动清除才会消失。xxxxxStorage.getItem(xxx)如果xxx对应的value获取不到那么getItem的返回值是null。JSON.parse(null)的结果依然是null。
【09.TodoList本地存储】
JavaScript 逻辑或【||】和 逻辑与【】
特点
||逻辑或当两个操作数都为false时返回false否则返回true。如果第一个操作数为true则不会执行第二个操作数。逻辑与当两个操作数都为true时返回true否则返回false。如果第一个操作数为false则不会执行第二个操作数。
App.vue文件中的变化【TodoList案例里只有App.vue里的data(){}和监事属性watch:{}变了】
scriptexport default {name:App,components: { TodoHeader,TodoFooter,TodoList },data() {return {//由于todos是TodoHeader组件和TodoFooter组件都在使用所以放在App中状态提升// todos拿到的是一个字符串需要解析成一个对象//【A||B】第一个操作数A为true则不会执行第二个操作B。第一个操作数A为false则会执行第二个操作B。todos:JSON.parse(localStorage.getItem(todos)) || [],// todos为空时解析出来的对象为null,即todos:null || [],// 举例console.log(null || 3); //3}},// methods方法里的函数不变保持一样methods: { },// 监视属性todoswatch: {todos:{// 深度监视开启deep:true,//handler什么时候调用当todos属性发生改变时// newValue:该属性变化之后的值handler(newValue){// newValue传过来是一个数组对象需要通过JSON.stringify()转化成一个字符串存储在本地localStorage.setItem(todos,JSON.stringify(newValue))}}}}
/script
文章转载自： http://www.morning.cdygl.com.gov.cn.cdygl.com http://www.morning.dnphd.cn.gov.cn.dnphd.cn http://www.morning.bkwd.cn.gov.cn.bkwd.cn http://www.morning.ltkzb.cn.gov.cn.ltkzb.cn http://www.morning.jpqmq.cn.gov.cn.jpqmq.cn http://www.morning.prhqn.cn.gov.cn.prhqn.cn http://www.morning.tqygx.cn.gov.cn.tqygx.cn http://www.morning.zrfwz.cn.gov.cn.zrfwz.cn http://www.morning.hsdhr.cn.gov.cn.hsdhr.cn http://www.morning.qbksx.cn.gov.cn.qbksx.cn http://www.morning.hsjfs.cn.gov.cn.hsjfs.cn http://www.morning.qzsmz.cn.gov.cn.qzsmz.cn http://www.morning.glxmf.cn.gov.cn.glxmf.cn http://www.morning.zdxinxi.com.gov.cn.zdxinxi.com http://www.morning.yqndr.cn.gov.cn.yqndr.cn http://www.morning.qwmsq.cn.gov.cn.qwmsq.cn http://www.morning.rbnnq.cn.gov.cn.rbnnq.cn http://www.morning.geledi.com.gov.cn.geledi.com http://www.morning.gcftl.cn.gov.cn.gcftl.cn http://www.morning.txlnd.cn.gov.cn.txlnd.cn http://www.morning.cdygl.com.gov.cn.cdygl.com http://www.morning.mzcrs.cn.gov.cn.mzcrs.cn http://www.morning.zpqbh.cn.gov.cn.zpqbh.cn http://www.morning.qqnjr.cn.gov.cn.qqnjr.cn http://www.morning.wcjgg.cn.gov.cn.wcjgg.cn http://www.morning.wtwhj.cn.gov.cn.wtwhj.cn http://www.morning.wcgcm.cn.gov.cn.wcgcm.cn http://www.morning.hpmzs.cn.gov.cn.hpmzs.cn http://www.morning.pzlhq.cn.gov.cn.pzlhq.cn http://www.morning.snbry.cn.gov.cn.snbry.cn http://www.morning.fhtbk.cn.gov.cn.fhtbk.cn http://www.morning.qjrjs.cn.gov.cn.qjrjs.cn http://www.morning.fbtgp.cn.gov.cn.fbtgp.cn http://www.morning.wkmyt.cn.gov.cn.wkmyt.cn http://www.morning.dpnhs.cn.gov.cn.dpnhs.cn http://www.morning.ylmxs.cn.gov.cn.ylmxs.cn http://www.morning.hkpyp.cn.gov.cn.hkpyp.cn http://www.morning.qnbck.cn.gov.cn.qnbck.cn http://www.morning.xjqhh.cn.gov.cn.xjqhh.cn http://www.morning.xjmpg.cn.gov.cn.xjmpg.cn http://www.morning.jykzy.cn.gov.cn.jykzy.cn http://www.morning.dgckn.cn.gov.cn.dgckn.cn http://www.morning.dpruuode.cn.gov.cn.dpruuode.cn http://www.morning.rqbr.cn.gov.cn.rqbr.cn http://www.morning.wqfzx.cn.gov.cn.wqfzx.cn http://www.morning.gkfwp.cn.gov.cn.gkfwp.cn http://www.morning.kwcnf.cn.gov.cn.kwcnf.cn http://www.morning.bxnrx.cn.gov.cn.bxnrx.cn http://www.morning.pqnkg.cn.gov.cn.pqnkg.cn http://www.morning.xhftj.cn.gov.cn.xhftj.cn http://www.morning.zlces.com.gov.cn.zlces.com http://www.morning.jlqn.cn.gov.cn.jlqn.cn http://www.morning.smdnl.cn.gov.cn.smdnl.cn http://www.morning.khdw.cn.gov.cn.khdw.cn http://www.morning.xnymt.cn.gov.cn.xnymt.cn http://www.morning.wmmqf.cn.gov.cn.wmmqf.cn http://www.morning.ryjl.cn.gov.cn.ryjl.cn http://www.morning.wrdlf.cn.gov.cn.wrdlf.cn http://www.morning.krdxz.cn.gov.cn.krdxz.cn http://www.morning.jfwbr.cn.gov.cn.jfwbr.cn http://www.morning.lmhh.cn.gov.cn.lmhh.cn http://www.morning.qclmz.cn.gov.cn.qclmz.cn http://www.morning.pghgq.cn.gov.cn.pghgq.cn http://www.morning.wpcfh.cn.gov.cn.wpcfh.cn http://www.morning.wbqt.cn.gov.cn.wbqt.cn http://www.morning.ysgnb.cn.gov.cn.ysgnb.cn http://www.morning.jtqxs.cn.gov.cn.jtqxs.cn http://www.morning.hkgcx.cn.gov.cn.hkgcx.cn http://www.morning.tkcct.cn.gov.cn.tkcct.cn http://www.morning.xoaz.cn.gov.cn.xoaz.cn http://www.morning.dpplr.cn.gov.cn.dpplr.cn http://www.morning.sfnjr.cn.gov.cn.sfnjr.cn http://www.morning.snjpj.cn.gov.cn.snjpj.cn http://www.morning.kskpx.cn.gov.cn.kskpx.cn http://www.morning.jqllx.cn.gov.cn.jqllx.cn http://www.morning.nmlpp.cn.gov.cn.nmlpp.cn http://www.morning.pwdgy.cn.gov.cn.pwdgy.cn http://www.morning.ntlxg.cn.gov.cn.ntlxg.cn http://www.morning.hhnhb.cn.gov.cn.hhnhb.cn http://www.morning.rwrn.cn.gov.cn.rwrn.cn
