国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

返回信息流頁(yè)面重新加載問(wèn)題

melody_lql / 834人閱讀

摘要：近期做了一個(gè)移動(dòng)端項(xiàng)目，首頁(yè)為信息流列表，在檢測(cè)過(guò)程中，微信端進(jìn)入詳細(xì)頁(yè)，返回到信息流頁(yè)面，每次數(shù)據(jù)重新加載，不能定位到最后一次點(diǎn)擊的信息位置，嚴(yán)重影響體驗(yàn)。原創(chuàng)文章，轉(zhuǎn)發(fā)請(qǐng)標(biāo)注出處，如有問(wèn)題，請(qǐng)指教，大家共同進(jìn)步。

　　近期做了一個(gè)移動(dòng)端項(xiàng)目，首頁(yè)為信息流列表，在檢測(cè)過(guò)程中，微信端進(jìn)入詳細(xì)頁(yè)，返回到信息流頁(yè)面，每次數(shù)據(jù)重新加載，不能定位到最后一次點(diǎn)擊的信息位置，嚴(yán)重影響體驗(yàn)。

　　針對(duì)這個(gè)問(wèn)題，百般詢問(wèn)度娘，終于解決，已分享給大家，共勉。

主要運(yùn)用知識(shí)點(diǎn)：

window.sessionStorage.setItem()

window.sessionStorage.getItem()

window.sessionStorage.removeItem()

解決步驟：

添加到頁(yè)面

1、本地存儲(chǔ) window.sessionStorage.setItem

首先是ajax異步加載，每次滾動(dòng)到底部就加載信息，這個(gè)不關(guān)鍵，為了減少監(jiān)聽次數(shù)，我們可以為每條信息的a鏈接添加監(jiān)聽事件，即鏈接觸發(fā)時(shí)，將加載的所有信息，緩存到本地
newBox.on("click", "a", function() {
var html = newBox.html();
var session = {html : html};
var str = JSON.stringify(session);
window.sessionStorage.setItem("pageCont", str);
});

2、頁(yè)面返回 window.sessionStorage.getItem

獲取存儲(chǔ)帶本地的所有信息
var str = window.sessionStorage.getItem("pageCont");
var obj = JSON.parse(str);
var html = obj.html;
newBox.html(html); // 渲染dom元素

3、移除本地存儲(chǔ) window.sessionStorage.removeItem

渲染信息后移除以便清除空間留著下次再用;

window.sessionStorage.removeItem("pageCont");

就用這三步就搞定了，大家試試吧。
原創(chuàng)文章，轉(zhuǎn)發(fā)請(qǐng)標(biāo)注出處，如有問(wèn)題，請(qǐng)指教，大家共同進(jìn)步。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50806.html

相關(guān)文章

  • 返回信息流頁(yè)面重新加載問(wèn)題

    摘要：近期做了一個(gè)移動(dòng)端項(xiàng)目，首頁(yè)為信息流列表，在檢測(cè)過(guò)程中，微信端進(jìn)入詳細(xì)頁(yè)，返回到信息流頁(yè)面，每次數(shù)據(jù)重新加載，不能定位到最后一次點(diǎn)擊的信息位置，嚴(yán)重影響體驗(yàn)。原創(chuàng)文章，轉(zhuǎn)發(fā)請(qǐng)標(biāo)注出處，如有問(wèn)題，請(qǐng)指教，大家共同進(jìn)步。 　　近期做了一個(gè)移動(dòng)端項(xiàng)目，首頁(yè)為信息流列表，在檢測(cè)過(guò)程中，微信端進(jìn)入詳細(xì)頁(yè)，返回到信息流頁(yè)面，每次數(shù)據(jù)重新加載，不能定位到最后一次點(diǎn)擊的信息位置，嚴(yán)重影響體驗(yàn)。 　　針...

    luck 評(píng)論0 收藏0

  • 返回信息流頁(yè)面重新加載問(wèn)題

    摘要：近期做了一個(gè)移動(dòng)端項(xiàng)目，首頁(yè)為信息流列表，在檢測(cè)過(guò)程中，微信端進(jìn)入詳細(xì)頁(yè)，返回到信息流頁(yè)面，每次數(shù)據(jù)重新加載，不能定位到最后一次點(diǎn)擊的信息位置，嚴(yán)重影響體驗(yàn)。原創(chuàng)文章，轉(zhuǎn)發(fā)請(qǐng)標(biāo)注出處，如有問(wèn)題，請(qǐng)指教，大家共同進(jìn)步。 　　近期做了一個(gè)移動(dòng)端項(xiàng)目，首頁(yè)為信息流列表，在檢測(cè)過(guò)程中，微信端進(jìn)入詳細(xì)頁(yè)，返回到信息流頁(yè)面，每次數(shù)據(jù)重新加載，不能定位到最后一次點(diǎn)擊的信息位置，嚴(yán)重影響體驗(yàn)。 　　針...

    HackerShell 評(píng)論0 收藏0

  • 你不知道的瀏覽器頁(yè)面渲染機(jī)制

    摘要：前言瀏覽器的內(nèi)核是指支持瀏覽器運(yùn)行的最核心的程序，分為兩個(gè)部分的，一是渲染引擎，另一個(gè)是引擎。渲染引擎在不同的瀏覽器中也不是都相同的。接下來(lái)就是瀏覽器的渲染過(guò)程。布局完成后，瀏覽器會(huì)立即發(fā)出和事件，將渲染樹轉(zhuǎn)換成屏幕上的像素。 前言 瀏覽器的內(nèi)核是指支持瀏覽器運(yùn)行的最核心的程序，分為兩個(gè)部分的，一是渲染引擎，另一個(gè)是JS引擎。渲染引擎在不同的瀏覽器中也不是都相同的。目前市面上常見(jiàn)的瀏覽...

    zhunjiee 評(píng)論0 收藏0

  • 你不知道的瀏覽器頁(yè)面渲染機(jī)制

    摘要：前言瀏覽器的內(nèi)核是指支持瀏覽器運(yùn)行的最核心的程序，分為兩個(gè)部分的，一是渲染引擎，另一個(gè)是引擎。渲染引擎在不同的瀏覽器中也不是都相同的。接下來(lái)就是瀏覽器的渲染過(guò)程。布局完成后，瀏覽器會(huì)立即發(fā)出和事件，將渲染樹轉(zhuǎn)換成屏幕上的像素。 前言 瀏覽器的內(nèi)核是指支持瀏覽器運(yùn)行的最核心的程序，分為兩個(gè)部分的，一是渲染引擎，另一個(gè)是JS引擎。渲染引擎在不同的瀏覽器中也不是都相同的。目前市面上常見(jiàn)的瀏覽...

    aboutU 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<