使用qiankun微前端库的时候，加载的子应用使用了iconfont图标，子应用在独立运行时，字体图标可以正常显示，而在被父应用加载时，字体图标显示不出来。

图就会堆叠在一起，看起来十分难看。通常是通过配置dataZoom来解决问题，但是这不是最佳的处理方案，我们可以根据柱状图X轴数据长度并配合dataZoom来实现最佳的显示效果。会遇到这种情况，以柱状图为例子，当数据过多时，动态设置dataZoom的end属性。有更好的方案，欢迎留言补充。

目前，在众多的后台管理系统中，换肤功能已是一个很常见的功能。用户可以根据自己的喜好，设置页面的主题，从而实现个性化定制。目前，我所了解到的换肤方式，也是我目前所掌握的两种换肤方式，想同大家一起分享。

首先，我们要明确一个点，系统中所有的操作都要携带Token去发送请求，而登录一般是获取Token的来源，点击url实现跳转，并不意味着，不需要登录，只是我们在点击url的过程中，去帮助用户去做登录跳转的操作。通过判断isFreeLogin==1去判断是否免登录，如果免登录，则通过固定的账号、密码或者是在url中携带账号、密码（不安全）。然后抓取url中的参数，调登录接口，实现跳转。方案二：通过后端

版权声明：本文为CSDN博主「时光荏苒、、、、、、、、」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/woyaojinali/article/details/110958317说明：遇到了这个问题，仅为了记录~原因：页面主体部分全屏后，页面中的所有弹窗和下拉框不能显示，退出全屏后，弹窗正常。原因：**项目主体

目前，在众多的后台管理系统中，换肤功能已是一个很常见的功能。用户可以根据自己的喜好，设置页面的主题，从而实现个性化定制。目前，我所了解到的换肤方式，也是我目前所掌握的两种换肤方式，想同大家一起分享。

版权声明：本文为CSDN博主「时光荏苒、、、、、、、、」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/woyaojinali/article/details/110958317说明：遇到了这个问题，仅为了记录~原因：页面主体部分全屏后，页面中的所有弹窗和下拉框不能显示，退出全屏后，弹窗正常。原因：**项目主体

首先，我们要明确一个点，系统中所有的操作都要携带Token去发送请求，而登录一般是获取Token的来源，点击url实现跳转，并不意味着，不需要登录，只是我们在点击url的过程中，去帮助用户去做登录跳转的操作。通过判断isFreeLogin==1去判断是否免登录，如果免登录，则通过固定的账号、密码或者是在url中携带账号、密码（不安全）。然后抓取url中的参数，调登录接口，实现跳转。方案二：通过后端

1、整体思路后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 addRoutes 动态挂载路由。2、具体实现a、创建vue实例的时候将vue-router挂载，但这个时候vue-router挂载一些登录或者不用权限的公用的页面。b、当用户登录后，获取用role，将role和路由表每个页面的需要的权限作比较，生成最终用户可

一、数据持久化：一般是指页面刷新后，数据仍然能够保持原来的状态。一般在前端当中，数据持久化，可以通过将数据存储到localstorage或Cookie中存起来，用到的时候直接从本地存储中获取数据。而redux-persist是把redux中的数据在localstorage中存起来，起到持久化的效果。二、使用：安装：npm i redux-persist --save在store.js中使用//引入