页面回退历史记录

应用场景

a页面跳到b页面,再由b页面回到a页面
指望:a页面经过一些筛选条件,获得列表,点击列表跳转到b页面,b页面返回到a页面后,但愿恢复到离开a页面时的状态chrome

方法

  1. 首次进入a页面是什么状态,再次进入a页面仍是什么状态,不作任何处理
    优势:简单,开发快
    缺点:不能获得预期效果
  2. 将a页面的列表数据直接保存在内存中,直接渲染
    优势:简单,开发快
    缺点:浏览器

    只适合单页面开发
       浏览器刷新后,数据不存在
       a页面的数据仍是以前的状态,不能及时更新
  3. 将a页面的搜索条件存储出来,进入页面后,从新搜索
    a.将搜索条件存在url里面(最稳定)url

    优势:能够获取到最新的数据,刷新浏览器数据还存在
       缺点:
           url长度限制(通常不会超过)
    
           游览器    最大长度(字符数)
           Internet Explorer    2083
           Firefox    65,536
           chrome    8182
           Safari    80,000
    
           开发难度增长,每一步都要去操做url,有洁癖的人看着不爽

    b.将搜索条件存在内存中code

    优势:开发比上者快,能够获取到最新的数据
       缺点:
           只适合单页面开发
           浏览器刷新后,数据不存在

疑问解答

  1. 问:为何上面的保存都是保存在内存中,而不是保存在本地,保存在本地就能够解决刷新浏览器数据不在的问题
    答:localStorage永久保存是优点也是劣势,不容易更新到最新的数据,不知道何时去删除和刷新数据,容易错乱

注意点

  1. 选择上面的哪个方式,根据实际需求为准
  2. 目前咱们的开发都是采用的单页面,浏览器刷新后,数据不存在,也能够接受,我的建议当前项目能够采用3b