在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 前端如何緩存圖片

前端如何緩存圖片

問(wèn)題描述：使用vue開(kāi)發(fā)單頁(yè)面引用程序，做一個(gè)類(lèi)似朋友圈的項(xiàng)目。列表頁(yè)圖片較多，從列表頁(yè)到詳情頁(yè)（通過(guò)路由），又將圖片重新加載了一次，整體圖片加載較慢。故，想使用緩存，進(jìn)入詳情頁(yè)后直接獲取圖片，如何實(shí)現(xiàn)？
已使用方法：已經(jīng)使用圖片懶加載，圖片壓縮技術(shù)

回答
編輯回答
陌如玉

IMG返回時(shí)，在HTTP Header中設(shè)置啟用瀏覽器緩存，并設(shè)定緩存時(shí)間。

如果不理解，讀讀這篇文章 《徹底弄懂HTTP緩存機(jī)制及原理》

2018年9月9日 21:20
編輯回答
你的瞳

偽代碼

<template>
    <ul>
        <!--假設(shè)item有至少兩個(gè)屬性，一個(gè)是詳情id，一個(gè)是圖片pic-->
        <li v-for="(item,i) in 你的圖片數(shù)組" click="點(diǎn)我進(jìn)入詳情(item)">
            <!--巴拉巴拉-->
            <img :src="item.pic" />
        </li>
    </ul>
</template>
<script>
methods:{
    點(diǎn)我進(jìn)入詳情(item){
        // 詳情路由自己去讀params 或者你傳到vuex里也行 甚至sessionStorage也行
        this.$router.push("/詳情對(duì)應(yīng)的路由",query:{id:item.id},params:{pic:item.pic});
    }
}
</script>
2017年8月22日 04:10
編輯回答
司令

瀏覽器 強(qiáng)緩存 就好了

2017年11月28日 14:47