亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

頁(yè)面回退歷史記錄

haobowd / 668人閱讀

摘要：應(yīng)用場(chǎng)景頁(yè)面跳到頁(yè)面，再由頁(yè)面回到頁(yè)面期望頁(yè)面通過(guò)一些篩選條件，得到列表，點(diǎn)擊列表跳轉(zhuǎn)到頁(yè)面，頁(yè)面返回到頁(yè)面后，希望恢復(fù)到離開(kāi)頁(yè)面時(shí)的狀態(tài)方法首次進(jìn)入頁(yè)面是什么狀態(tài)，再次進(jìn)入頁(yè)面還是什么狀態(tài)，不做任何處理優(yōu)點(diǎn)簡(jiǎn)單，開(kāi)發(fā)快缺點(diǎn)不能得到預(yù)期效果

應(yīng)用場(chǎng)景

a頁(yè)面跳到b頁(yè)面，再由b頁(yè)面回到a頁(yè)面
期望：a頁(yè)面通過(guò)一些篩選條件，得到列表，點(diǎn)擊列表跳轉(zhuǎn)到b頁(yè)面，b頁(yè)面返回到a頁(yè)面后，希望恢復(fù)到離開(kāi)a頁(yè)面時(shí)的狀態(tài)

方法

首次進(jìn)入a頁(yè)面是什么狀態(tài)，再次進(jìn)入a頁(yè)面還是什么狀態(tài)，不做任何處理
優(yōu)點(diǎn)：簡(jiǎn)單，開(kāi)發(fā)快
缺點(diǎn)：不能得到預(yù)期效果

將a頁(yè)面的列表數(shù)據(jù)直接保存在內(nèi)存中，直接渲染
優(yōu)點(diǎn)：簡(jiǎn)單，開(kāi)發(fā)快
缺點(diǎn)：

   只適合單頁(yè)面開(kāi)發(fā)
   瀏覽器刷新后，數(shù)據(jù)不存在
   a頁(yè)面的數(shù)據(jù)還是之前的狀態(tài)，不能及時(shí)更新

將a頁(yè)面的搜索條件存儲(chǔ)出來(lái)，進(jìn)入頁(yè)面后，重新搜索
a.將搜索條件存在url里面（最穩(wěn)定）

   優(yōu)點(diǎn)：可以獲取到最新的數(shù)據(jù)，刷新瀏覽器數(shù)據(jù)還存在
   缺點(diǎn)：
       url長(zhǎng)度限制（一般不會(huì)超過(guò)）

       游覽器    最大長(zhǎng)度（字符數(shù)）
       Internet Explorer    2083
       Firefox    65,536
       chrome    8182
       Safari    80,000

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

b.將搜索條件存在內(nèi)存中

   優(yōu)點(diǎn)：開(kāi)發(fā)比上者快，可以獲取到最新的數(shù)據(jù)
   缺點(diǎn)：
       只適合單頁(yè)面開(kāi)發(fā)
       瀏覽器刷新后，數(shù)據(jù)不存在

疑問(wèn)解答

問(wèn)：為什么上面的保存都是保存在內(nèi)存中，而不是保存在本地，保存在本地就可以解決刷新瀏覽器數(shù)據(jù)不在的問(wèn)題
答：localStorage永久保存是優(yōu)勢(shì)也是劣勢(shì)，不容易更新到最新的數(shù)據(jù)，不知道什么時(shí)候去刪除和刷新數(shù)據(jù)，容易錯(cuò)亂

注意點(diǎn)

選擇上面的哪一個(gè)方式，根據(jù)實(shí)際需求為準(zhǔn)

目前我們的開(kāi)發(fā)都是采用的單頁(yè)面，瀏覽器刷新后，數(shù)據(jù)不存在，也可以接受，個(gè)人建議當(dāng)前項(xiàng)目可以采用3b

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/107175.html

相關(guān)文章

  • PJAX是什么鬼【轉(zhuǎn)載】

    摘要：實(shí)際的效果見(jiàn)沒(méi)有勾選的時(shí)候，點(diǎn)擊鏈接是跳轉(zhuǎn)的。為了支持，一個(gè)是在加載的時(shí)候判斷瀏覽器是否支持另一個(gè)是當(dāng)發(fā)現(xiàn)請(qǐng)求一段時(shí)間沒(méi)有回復(fù)的時(shí)候可以設(shè)置參數(shù)，直接做頁(yè)面跳轉(zhuǎn)。 背景 目前看到的很多的pc端頁(yè)面點(diǎn)擊頁(yè)面某塊鏈接的時(shí)候，原本應(yīng)該是頁(yè)面的某個(gè)部分更新的，但是卻整個(gè)頁(yè)面刷新，整個(gè)頁(yè)面都閃了一下。特別是看某些圖集的頁(yè)面，一個(gè)頁(yè)面本來(lái)就幾十張圖看，看完眼睛都閃瞎了。用ajax加載數(shù)據(jù)可以解決這...

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

  • 原生 js 實(shí)現(xiàn)一個(gè)前端路由 router

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

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

  • 大話 SPA router

    摘要：而單頁(yè)應(yīng)用只提供一個(gè)文件，在頁(yè)面初始化的時(shí)候加載等等，然后通過(guò)去動(dòng)態(tài)更新視圖，從而實(shí)現(xiàn)交互，這避免了頁(yè)面的刷新，跳轉(zhuǎn)等等。這個(gè)方法是用來(lái)更換歷史記錄的。獲取當(dāng)前歷史棧棧頂數(shù)據(jù)。比如說(shuō)在這里面可以通過(guò)路徑的不同，然后去渲染不同的頁(yè)面。 好吧，俺承認(rèn)好像要當(dāng)一把標(biāo)題黨了，這篇文章目的是記錄一下對(duì)于 spa 的核心 —— 路由的學(xué)習(xí)，并沒(méi)有什么超人類的東西，好了，我們開(kāi)始吧。 SPA 是個(gè)啥...

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

  • HTML5 history API，創(chuàng)造更好的瀏覽體驗(yàn)

    摘要：而唯一不引發(fā)刷新的參數(shù)并不會(huì)發(fā)送到服務(wù)器，因此服務(wù)器無(wú)法獲得狀態(tài)。目前建議設(shè)置為空字符串。此外請(qǐng)注意，及本身調(diào)用時(shí)是不觸發(fā)事件的。我認(rèn)為，按照漸進(jìn)增強(qiáng)的思路，這樣就是最好的了，也就是只使用較少的代碼優(yōu)化高級(jí)瀏覽器的使用體驗(yàn)。 HTML5 history API有什么用呢？ 從Ajax翻頁(yè)的問(wèn)題說(shuō)起 請(qǐng)想象你正在看一個(gè)視頻下面的評(píng)論，在翻到十幾頁(yè)的時(shí)候，你發(fā)現(xiàn)一個(gè)寫(xiě)得稍長(zhǎng)，但非常有趣的評(píng)...

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

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

0條評(píng)論

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