在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …

弹窗可以说是每个项目都会用到的一个东西，弹窗有很多种，有系统默认的，网上也有一堆插件。默认的弹窗一般不好看，都会被设计嫌弃的，如果用插件的话，又比较占资源空间，所有我开发的项目一般都是自己封装全局同用插件的，下面来细说一下这些弹窗的用法。 网上的插件也有好几个不错的插件，我个人…

在实际的业务开发中，如果使用iframe又要设置iframe内外背景一致的情况，就犯难了常规的理解就是iframe不是一个封闭的吗，背景应该会断层吧!今天来解决一下废话不多说，上代码index.htm

最近在项目中遇到一个需求需要在一个项目中直接引用另一个项目，尝试各种情况无果后选择了iframe。现将调用过程中遇到的问题做一个分享。 此情况主要适用于更改iframe中src值以后导致的路由跳转混乱。 详细描述：当多次更改iframe->src属性后，调用router.go(…

需求，通过button按钮实现不同主题风格的切换。实现方法：通过js动态修改scss变量。整体思路是通过声明皮肤文件，通过@mixin解析结果，通过@include在页面中调用。

这部分我也是在网上抄的，实现方式给大家放的链接吧。思路一模一样

根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。 这里定义了一个ma…

2.项目开发使用的ui是elementUI。 使用elementUI实现系统的动态更改主题色。 调研了vuetifyjs的主题色实现方案及elementUI官方实现的更换主题色的方案。把两者结合到一起，实现我们系统需要的配色功能。 更换颜色时候，主要是红色框出里面的css代码发…