web history分析

在react-router使用过程中
好奇其单页是如何不刷新页面的


        if (canUseHistory) {
          globalHistory.pushState({ key, state }, null, href); //html5的api 改变href不改变页面

          if (forceRefresh) {
            window.location.href = href;//刷新页面,发起加载页面请求
          } 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 });
          }
        }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概述 本篇文章使用create-react-app作为脚手架,结合react技术栈(react + redux +...
    AlienZHOU阅读 15,440评论 7 36
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,414评论 0 7
  • 最近某婚介公司的实习生赵大胖的领导姚无发给赵大胖安排了一个任务: 给网站加上访问控制,游客不能访问看到美女的资料,...
    尽情的嘲笑我吧阅读 3,596评论 0 2
  • Python List要点记录# *排序:string.sort() output:
    mtk阅读 1,756评论 0 1
  • 情绪:忐忑 情绪来源:不断的接到新项目,但人员跟不上,接到新项目固然很高兴,但是项目进度太慢,非常害怕用户体验度不...
    顽伴高振裕阅读 1,139评论 0 0

友情链接更多精彩内容