前端
文章平均质量分 51
28岁学前端-渣仔一枚
这个作者很懒,什么都没留下…
展开
-
基于qiankun微前端和nginx实现的动态热部署微前端的实现
其中的路由对应qiankun子应用的里面的activeRule,目录地址对应qiankun子应用的entry,编码对应其name。文中涉及到的一些乾坤的知识点,阅读这篇文章的前提的大家已经了解并使用了qiankun框架来开发子应用。同时还涉及部分nginx代理的相关知识。1、子前端应用的路由使用history模式,且路由的base是由主前端应用传过来的,对应每个微应用属性中的activeRule。5、在主应用的qiankun.js中加上接口获取微应用列表的方法,然后传递props,最后注册启动微应用。原创 2023-08-03 15:44:32 · 914 阅读 · 0 评论 -
关于Iframe嵌入页面,获取内部页面高度的办法
项目中经常会嵌入别人的页面,如果不知道被嵌入页面的高度,就没法给Iframe高度赋值,内部嵌入的页面就会出现滚动条,影响页面的美观。1、如果被嵌入页面和当前页面不跨域,可以使用Iframe的@load加载事件获取内部高度 <iframe name="outerPage" @load="iframeload()" :src="url" ref="iframe" scrolling="auto" frameborder="0" id="outerPage" :style="{ 'min-原创 2022-03-18 16:03:42 · 12304 阅读 · 0 评论 -
浏览器窗口切换触发事件(多窗口用户同步退出)
前几天在前端开发的时候遇到一个需求场景:用户打开了窗口A 和窗口B,当用户在窗口B退出到登陆页面了,那么A窗口也要同步退出到登录页面。这样的需求,第一想到的就是使用websocket,当窗口B退出,通知A也退出。但是用websocket代价有点大,涉及到后端,事件紧。最终考虑,但B窗口退出,用户切换到A窗口,再主动退出。浏览器窗口切换事件document.addEventListener("visibilitychange", () => { // visible-显示,hidde原创 2022-03-18 10:50:03 · 4083 阅读 · 1 评论