頁面回退歷史記錄

haobowd 發布于2019-08-26 11:35 / 610人閱讀

摘要：應用場景頁面跳到頁面，再由頁面回到頁面期望頁面通過一些篩選條件，得到列表，點擊列表跳轉到頁面，頁面返回到頁面后，希望恢復到離開頁面時的狀態方法首次進入頁面是什么狀態，再次進入頁面還是什么狀態，不做任何處理優點簡單，開發快缺點不能得到預期效果

應用場景

a頁面跳到b頁面，再由b頁面回到a頁面
期望：a頁面通過一些篩選條件，得到列表，點擊列表跳轉到b頁面，b頁面返回到a頁面后，希望恢復到離開a頁面時的狀態

方法

首次進入a頁面是什么狀態，再次進入a頁面還是什么狀態，不做任何處理
優點：簡單，開發快
缺點：不能得到預期效果

將a頁面的列表數據直接保存在內存中，直接渲染
優點：簡單，開發快
缺點：

   只適合單頁面開發
   瀏覽器刷新后，數據不存在
   a頁面的數據還是之前的狀態，不能及時更新

將a頁面的搜索條件存儲出來，進入頁面后，重新搜索
a.將搜索條件存在url里面（最穩定）

   優點：可以獲取到最新的數據，刷新瀏覽器數據還存在
   缺點：
       url長度限制（一般不會超過）

       游覽器    最大長度（字符數）
       Internet Explorer    2083
       Firefox    65,536
       chrome    8182
       Safari    80,000

       開發難度增加，每一步都要去操作url，有潔癖的人看著不爽

b.將搜索條件存在內存中

   優點：開發比上者快，可以獲取到最新的數據
   缺點：
       只適合單頁面開發
       瀏覽器刷新后，數據不存在

疑問解答

問：為什么上面的保存都是保存在內存中，而不是保存在本地，保存在本地就可以解決刷新瀏覽器數據不在的問題
答：localStorage永久保存是優勢也是劣勢，不容易更新到最新的數據，不知道什么時候去刪除和刷新數據，容易錯亂

注意點

選擇上面的哪一個方式，根據實際需求為準

目前我們的開發都是采用的單頁面，瀏覽器刷新后，數據不存在，也可以接受，個人建議當前項目可以采用3b

GPU云服務器云服務器記錄歷史歷史記錄天氣歷史記錄網站歷史記錄

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

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

PJAX是什么鬼【轉載】

摘要：實際的效果見沒有勾選的時候，點擊鏈接是跳轉的。為了支持，一個是在加載的時候判斷瀏覽器是否支持另一個是當發現請求一段時間沒有回復的時候可以設置參數，直接做頁面跳轉。背景目前看到的很多的pc端頁面點擊頁面某塊鏈接的時候，原本應該是頁面的某個部分更新的，但是卻整個頁面刷新，整個頁面都閃了一下。特別是看某些圖集的頁面，一個頁面本來就幾十張圖看，看完眼睛都閃瞎了。用ajax加載數據可以解決這...

jindong 2019-08-20 13:58 評論0 收藏0
原生 js 實現一個前端路由 router

摘要：實現原理現在前端的路由實現一般有兩種，一種是路由，另外一種是路由。現在的前端主流框架的路由實現方式都會采用路由，本項目采用的也是。當值發生改變的時候，我們可以通過事件監聽到，從而在回調函數里面觸發某些方法。效果圖： showImg(https://segmentfault.com/img/remote/1460000018058419?w=422&h=744); 項目地址：https...

gggggggbong 2019-08-26 13:30 評論0 收藏0
大話 SPA router

摘要：而單頁應用只提供一個文件，在頁面初始化的時候加載等等，然后通過去動態更新視圖，從而實現交互，這避免了頁面的刷新，跳轉等等。這個方法是用來更換歷史記錄的。獲取當前歷史棧棧頂數據。比如說在這里面可以通過路徑的不同，然后去渲染不同的頁面。好吧，俺承認好像要當一把標題黨了，這篇文章目的是記錄一下對于 spa 的核心 —— 路由的學習，并沒有什么超人類的東西，好了，我們開始吧。 SPA 是個啥...

wayneli 2019-08-22 14:50 評論0 收藏0
HTML5 history API，創造更好的瀏覽體驗

摘要：而唯一不引發刷新的參數并不會發送到服務器，因此服務器無法獲得狀態。目前建議設置為空字符串。此外請注意，及本身調用時是不觸發事件的。我認為，按照漸進增強的思路，這樣就是最好的了，也就是只使用較少的代碼優化高級瀏覽器的使用體驗。 HTML5 history API有什么用呢？從Ajax翻頁的問題說起請想象你正在看一個視頻下面的評論，在翻到十幾頁的時候，你發現一個寫得稍長，但非常有趣的評...

zgbgx 2019-08-21 10:23 評論0 收藏0