web history分析

在react-router使用過(guò)程中
好奇其單頁(yè)是如何不刷新頁(yè)面的


        if (canUseHistory) {
          globalHistory.pushState({ key, state }, null, href); //html5的api 改變href不改變頁(yè)面

          if (forceRefresh) {
            window.location.href = href;//刷新頁(yè)面,發(fā)起加載頁(yè)面請(qǐng)求
          } else {
            const prevIndex = allKeys.indexOf(history.location.key);
            const nextKeys = allKeys.slice(
              0,
              prevIndex === -1 ? 0 : prevIndex + 1
            );

            nextKeys.push(location.key);
            allKeys = nextKeys;

            setState({ action, location });
          }
        }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 本篇文章使用create-react-app作為腳手架,結(jié)合react技術(shù)棧(react + redux +...
    AlienZHOU閱讀 15,482評(píng)論 7 36
  • 前端開(kāi)發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化,入門(mén)級(jí)到專(zhuān)家級(jí),廣度和深度都會(huì)有所增加。 題目類(lèi)型: 理論知...
    怡寶丶閱讀 2,683評(píng)論 0 7
  • 最近某婚介公司的實(shí)習(xí)生趙大胖的領(lǐng)導(dǎo)姚無(wú)發(fā)給趙大胖安排了一個(gè)任務(wù): 給網(wǎng)站加上訪問(wèn)控制,游客不能訪問(wèn)看到美女的資料,...
    盡情的嘲笑我吧閱讀 601評(píng)論 0 2
  • Python List要點(diǎn)記錄# *排序:string.sort() output:
    mtk閱讀 273評(píng)論 0 1
  • 情緒:忐忑 情緒來(lái)源:不斷的接到新項(xiàng)目,但人員跟不上,接到新項(xiàng)目固然很高興,但是項(xiàng)目進(jìn)度太慢,非常害怕用戶(hù)體驗(yàn)度不...
    頑伴高振裕閱讀 142評(píng)論 0 0

友情鏈接更多精彩內(nèi)容