这小节的代码要记吗?很多都看不懂,也没讲明白

这小节的代码要记吗?很多都看不懂,也没讲明白

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>过期机制的localstorage</title>

</head>

<body>

    <script>

        var ls=window.localStorage;

        function oops(){

            return console.warn('you browser is not supported localStorage API');

        }

        function getItem(key){

            var data=ls.getItem(key);

            data=JSON.parse(data)||'';

            if(data.time===0){

                return data.value;

            }else if(Data.now()>data.time){

                    ls.removeItem(key);

                    return '';

                }else{

                    return typeof data.value!=='undefined'?data.value:'';

                }

            }

        function setItem(key,value,tiem){

            if(typeof key==='undefined'){

                var data={

                    time:time?Date.now()+time:0,

                    value:value;

                }

                try{

                    ls.setItem(key,data)

                }catch(e){

                    ls.clear();

                    ls.setItem(ket,data);

                }

            }

        }

        function removeItem(key){

            ls.removeItem(key);

        }

        function clearItem(){

            ls.clear();

        }

        function setItem(){

             

        }

        window.catchStorage={

            getItem:ls?getItem:oops,

            setItem:ls?setItem:oops,

            removeItem:ls?removeItem:oops,

            clear:ls?clear:clear;

        }

    </script>    

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2018-11-12 10:58:25

代码中存在很多错误的地方,如下:

http://img1.sycdn.imooc.com//climg/5be8e97e000113c909140409.jpg

http://img1.sycdn.imooc.com//climg/5be8ea9700010a4007800504.jpg

http://img1.sycdn.imooc.com//climg/5be8e8e40001ef6406600416.jpg

自己可以按照上面代码进行修改,自己明白存储的原理,学会使用就可以。

刚开始接触H5存储的知识不太明白是可以理解的,因为这块内容确实有些抽象。可以跟着老师的思路写代码,对比着源码,视频,然后写代码测试会理解的更好一些哦。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师