由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。另一块是前端实现文件下载功能，虽然方法很多，为了不用重复造轮子，在此还是总结一波，毕竟多页面下的应用场景还是很多的。 由于本文介绍的主要还是基于javas…

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

有时候，我们会使用 iframe标签，将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道，当iframe内部内容比父页面所指定的宽高大的时候，会出现滚动框。 所以，让iframe的宽高能根据自身内容自动改变，就成了一个必须要解决的问题。 使用HTML5…

目前 vue-cli3 生成的配置是做单页面的，然而，我们有时也会有多页面的需求 。比如我们最常见的一个项目跑多个独立的小型的H5页面，这些页面不可能每一次都开一个新项目.但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的脚手架，这里提供了一种我的单页面脚手架转换为多页…

对于vue多页面配置，可以说cli2-cli3，是一个从0到1的过程，想起cli2的不堪回首，cli3是香的不是一丁半点；虽然cli3本身提供了pages多页面的入口配置，但是想要灵活的根据配置去适应结构，还是需要一些操作，避免后期不停的修改；本文就配合node做一个灵活配置以…

这里就第4点做一些解释，也对多页面的应用场景做一个我认为有价值的思路，在组内的一个项目中，因为项目日益膨胀，拆分系统有一定困难，项目页面达到200+个以上， 因此构建速度十分缓慢，部署时间也很长，经常因为文案的更改及一些简单的bug修复就要进行重新构建，如果采用单页面一方面构建…

这里我添加了index.html和user.html两个页面。 vue-router官方给出的示例如下，这里webpackChunkName如果不写打包时会自动生成序号代替。 为了方便追踪打包情况最好写上，就可以看到about.[hash].js的大小了。 打包后about.j…

在进行多页面开发的时候，项目刚开始阶段，页面较少，编译速度还能忍受，但是一旦页面增加，多次热更新就造成了内存溢出。 可以看到的是webpack把所有的页面都进行了编译，总体积已经达到了18M，耗时超过1分钟，在热更新的时候这个体积会变得更大，从而占据node的运行内存，导致内存…