登录成功获取到token后跳转到首页，请求用户的权限信息(包括可访问的菜单信息)这一步是放到跳转之前的路由守卫中还是放到首页的钩子函数中呢？

其实都可以但觉得還是放到跳转之前，依然处于登录页面中好一些因为数据处理准备好，再去加载页面会合理

注意：权限数据不要在前端存起来因为系統管理员可能会调整用户的权限，每次登陆之后看到的菜单数据会有不同

这几天一直在给一家电商搞前端開发首页做DIV页面重构的时候自然地做到每个电商平台都会有的部分——产品分类菜单栏，如下图截的是淘宝的效果：

其实实现鼠标移到咗侧主分类（我们暂且称之为A部分）便显示出右侧详细分类部分（称之为B部分）的功能并不困难但这里不得不说主流的电商平台在这个哋方都有个很好的用户体验，就是B部分的底部总不会被浏览器底部遮住看看下面的图片分析：

情况⑴——若B底部是不会被浏览器遮住的，那么A和B顶部默认在同一水平线上：

情况⑵——若B底部有可能超过浏览器底部导致B下方内容被遮住的话，则采取“摒弃A和B顶部在同水平線上”的显示方式以抬高B位置（抬多高呢？嗯只要B底端刚好贴住浏览器底端，或者比浏览器低端高一点点就行）来解决问题：

下面先說下基础架构和功能的实现吧首先架构很简单，不外乎是写一层A的DIV(class="maintip")再写一层对应的B的DIV(class="tips")，HTML如下：

注意B部分的position设为absolute（z-index是为了让A压在B上面，A被选中时其border-right是不上色的，且要确保该边压在B上面）

接着写下JQuery代码让鼠标移到A的某行就显示出对应的B的那行，且默认A和B等高：

 现在效果如下：

 但是现在还没有解决一个问题就是如果B超过了浏览器下方，导致B的部分内容被遮住怎么办如下图所示：

其实问题也不难解决，最终措施不外乎是当B超过浏览器底部时把B往上挪到“B底部与浏览器底部齐平”的位置，如下图：

而具体要挪多高这个只要获取浏览器当前可视区域的高度就能轻松获得：

如上图所示，B的顶部距离浏览器顶部的距离只要设为“win_h - b_h”即可解决问题那么我们着手修改下js代码：

在JQ里使用$(window).height()来获取浏览器可视区域高度是解决本章所提问题的关键。

峩认为一个优秀的前端工程师总会舍得以“更好的体验”为目标来绞尽脑汁、压榨自己虽然我没达到“优秀前端工程师”的高度，但依舊相信一直强迫自己去实现更多的功能总会让我有所建树，共勉啦 :)