【无标题】

微信登录

首先调用接口传本地域名获取code

然后需要先引入腾讯提供生成二维码的js包，在需要使用微信登录的地方实例以下JS对象，将code配到配置项生成二维码，

用户允许登录将会重定向到调接口提供的redirect_uri的网址上，并且通过query方式带上用户信息参数

大屏适配

大屏制作主要包括图表数据的显示以及大屏适配问题，大屏适配是大屏制作的难点，我主要说一下大屏的适配问题。

现在市面上大屏适配主要有三种方式

第一种使用rem和font-size搭配 第二种是将图表的宽高全部换成vwvh的方式，但是这两种方式都有一个很大的问题，步骤比较繁琐而且需要不停的换算

第三种方式是使用css3里的缩放，这也是市面上使用最多的方式，很多插件都是基于这个方式实现的。最外层是大屏的宽高，内层是显示的内容，要给内容给一定的宽高,比如1920，1080，缩放的时是基于大屏的中心点缩放，我们可以使用定位将内容top%,left:50%,内容左上角就是缩放中心，再将内容缩放点设置到左上角

然后需要使用js来设置缩放的大小

封装比例函数大屏与内容的宽宽比或者高高比，谁小用哪一个

默认调用比例函数修改内容的scale进行默认缩放，将内容放在中心

window.onresize监听浏览器窗口大小，浏览器大小改变，调用比例函数修改内容的scale进行默认缩放，将内容放在中心

这样解决了大屏的适配问题

动态路由实现用户和管理之间的不同权限

将所有路由进行拆分一种是所有用户可以访问的公共路由，另一种是具有权限的异步路由

用户登录成功后台返回对应可以访问的异步路由

然后将所有的异步路由进行筛选过滤，将用户可以访问的路由筛选出来，此时筛选出来的一级路由，然后需要判断是否有二级路由重新递归调用过滤函数，将用户可以访问的异步路由筛选出来

调用过滤函数时需要将所有异步路由深拷贝，否则会改变所有的异步路由，导致之后的用户会出现缺少路由的问题