缓存

最新推荐文章于 2024-08-08 21:11:21 发布

Bw`益维

最新推荐文章于 2024-08-08 21:11:21 发布

阅读量83

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/QDYiWei/article/details/105373499

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

讲讲缓存问题

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script>

        async function getlist() {
            let cache = localStorage.getItem("cache")
            if (cache) {
                console.log("走缓存")
                console.log(JSON.parse(cache))
            } else {
                let data = await $.get("http://47.92.50.43:8888/sys/jslist")
                localStorage.setItem("cache", JSON.stringify(data))
                console.log("走接口")
                console.log(data)
            }
        }

        getlist()
    </script>

	我们常见的，一天之日的数据都不会有所变化的，比如说：豆瓣，网易云这类的网站。它们并不是每次刷新都要
	向后台发出请求，获取数据。而是在第一次发出请求获取数据，然后存到localStorage缓存中。这样，在一天当中，
	都会直接从localstorage缓存中直接获取，而不是重新发起请求获取数据。这样就比避免了浪费资源，同时也优化了网站的速度。