前端获得session信息方法对比,优化

优采云 发布时间: 2020-08-18 17:54

  前端获得session信息方法对比,优化

  在开发中,页面 js 经常会遇见须要 当前登入用户信息(菜单权限,用户基本信息,配置信息) 的地方,一般情况我们可能对这种信息获取方法不是很在乎,但是现今的后端通过webpack打包,即使做了代码分割,js文件,css文件还是很大。在首次加载的情况下边,存在一定的优化空间。下面主要介绍一些信息获取的方法。接口使用的是模拟数据,session获取插口设置成了一秒延时,下面的数据都是首次加载的数据,不考虑304的情况。

  在开发中,页面 js 经常会遇见须要 当前登入用户信息(菜单权限,用户基本信息,配置信息) 的地方,一般情况我们可能对这种信息获取方法不是很在乎,但是现今的后端通过webpack打包,即使做了代码分割,js文件,css文件还是很大。

  在首次加载的情况下边,存在一定的优化空间。下面主要介绍一些信息获取的方法。 插口使用的是模拟数据,session获取插口设置成了一秒延时,下面的数据都是首次加载的数据,不考虑304的情况。

  1.后端程序设置,直接js代码,全局变量写入方法

  浏览器访问app.do,后端程序响应,获取用户信息 InitData,获取返回的app.html文本,将用户信息 写入到html对应位置,返回给浏览器

  【问题】

  a. 获取用户信息 InitData+ app.html文本---→ 返回给浏览器,浏览器再加载其他静态资源 ----> html加载过程

  b.app.do返回的html,由于每位用户的基本信息都不一样,没办法使用浏览器304缓存机制

  2.页面通过

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线