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

資訊專欄INFORMATION COLUMN

返回信息流頁面重新加載問題

HackerShell / 2325人閱讀

摘要:近期做了一個移動端項目,首頁為信息流列表,在檢測過程中,微信端進入詳細頁,返回到信息流頁面,每次數據重新加載,不能定位到最后一次點擊的信息位置,嚴重影響體驗。原創文章,轉發請標注出處,如有問題,請指教,大家共同進步。

  近期做了一個移動端項目,首頁為信息流列表,在檢測過程中,微信端進入詳細頁,返回到信息流頁面,每次數據重新加載,不能定位到最后一次點擊的信息位置,嚴重影響體驗。

  針對這個問題,百般詢問度娘,終于解決,已分享給大家,共勉。

主要運用知識點:

window.sessionStorage.setItem()

window.sessionStorage.getItem()

window.sessionStorage.removeItem()

解決步驟:

添加到頁面

1、本地存儲 window.sessionStorage.setItem

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

2、頁面返回 window.sessionStorage.getItem

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

3、移除本地存儲 window.sessionStorage.removeItem

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

window.sessionStorage.removeItem("pageCont");

就用這三步就搞定了,大家試試吧。
原創文章,轉發請標注出處,如有問題,請指教,大家共同進步。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/83178.html

相關文章

  • 返回息流頁面重新加載問題

    摘要:近期做了一個移動端項目,首頁為信息流列表,在檢測過程中,微信端進入詳細頁,返回到信息流頁面,每次數據重新加載,不能定位到最后一次點擊的信息位置,嚴重影響體驗。原創文章,轉發請標注出處,如有問題,請指教,大家共同進步。   近期做了一個移動端項目,首頁為信息流列表,在檢測過程中,微信端進入詳細頁,返回到信息流頁面,每次數據重新加載,不能定位到最后一次點擊的信息位置,嚴重影響體驗。   針...

    luck 評論0 收藏0
  • 返回息流頁面重新加載問題

    摘要:近期做了一個移動端項目,首頁為信息流列表,在檢測過程中,微信端進入詳細頁,返回到信息流頁面,每次數據重新加載,不能定位到最后一次點擊的信息位置,嚴重影響體驗。原創文章,轉發請標注出處,如有問題,請指教,大家共同進步。   近期做了一個移動端項目,首頁為信息流列表,在檢測過程中,微信端進入詳細頁,返回到信息流頁面,每次數據重新加載,不能定位到最后一次點擊的信息位置,嚴重影響體驗。   針...

    melody_lql 評論0 收藏0
  • 你不知道的瀏覽器頁面渲染機制

    摘要:前言瀏覽器的內核是指支持瀏覽器運行的最核心的程序,分為兩個部分的,一是渲染引擎,另一個是引擎。渲染引擎在不同的瀏覽器中也不是都相同的。接下來就是瀏覽器的渲染過程。布局完成后,瀏覽器會立即發出和事件,將渲染樹轉換成屏幕上的像素。 前言 瀏覽器的內核是指支持瀏覽器運行的最核心的程序,分為兩個部分的,一是渲染引擎,另一個是JS引擎。渲染引擎在不同的瀏覽器中也不是都相同的。目前市面上常見的瀏覽...

    zhunjiee 評論0 收藏0
  • 你不知道的瀏覽器頁面渲染機制

    摘要:前言瀏覽器的內核是指支持瀏覽器運行的最核心的程序,分為兩個部分的,一是渲染引擎,另一個是引擎。渲染引擎在不同的瀏覽器中也不是都相同的。接下來就是瀏覽器的渲染過程。布局完成后,瀏覽器會立即發出和事件,將渲染樹轉換成屏幕上的像素。 前言 瀏覽器的內核是指支持瀏覽器運行的最核心的程序,分為兩個部分的,一是渲染引擎,另一個是JS引擎。渲染引擎在不同的瀏覽器中也不是都相同的。目前市面上常見的瀏覽...

    aboutU 評論0 收藏0

發表評論

0條評論

HackerShell

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<