- 博客(6)
- 收藏
- 关注
RSS订阅原创 如何获取懒加载后的el-tree全部数据，基于dom结构反推出数据结构
如何获取懒加载后的el-tree全部数据，基于dom结构反推出数据结构
2024-07-08 15:42:31
1657
2
原创 基于qiankun微前端和nginx实现的动态热部署微前端的实现
其中的路由对应qiankun子应用的里面的activeRule，目录地址对应qiankun子应用的entry,编码对应其name。文中涉及到的一些乾坤的知识点，阅读这篇文章的前提的大家已经了解并使用了qiankun框架来开发子应用。同时还涉及部分nginx代理的相关知识。1、子前端应用的路由使用history模式，且路由的base是由主前端应用传过来的，对应每个微应用属性中的activeRule。5、在主应用的qiankun.js中加上接口获取微应用列表的方法，然后传递props,最后注册启动微应用。
2023-08-03 15:44:32
1416
原创 关于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
13612
原创 浏览器窗口切换触发事件(多窗口用户同步退出)
前几天在前端开发的时候遇到一个需求场景：用户打开了窗口A 和窗口B，当用户在窗口B退出到登陆页面了，那么A窗口也要同步退出到登录页面。这样的需求，第一想到的就是使用websocket，当窗口B退出，通知A也退出。但是用websocket代价有点大，涉及到后端，事件紧。最终考虑，但B窗口退出，用户切换到A窗口，再主动退出。浏览器窗口切换事件document.addEventListener("visibilitychange", () => { // visible-显示，hidde
2022-03-18 10:50:03
4255
1
原创 vue实现的分段式进度条（步骤条结合进度条）
作为一个前端初学者，公司项目中前端需要一个带分步式的进度条，查查Element-ui和Ant design Vue都只有
2021-07-14 08:56:03
10410
原创 Vue引入Echarts的echarts-wordcloud生成词云图
效果图echarts 和echarts-wordcloud版本注意Echarts5.0的版本要对应echarts-wordcloud的2.0版本，注意Echarts4.0的版本要对应echarts-wordcloud的1.0版本。我的使用版本如下 "echarts": "^5.0.1", "echarts-wordcloud": "^2.0.0",在VUE项目的main.js全局引入import * as echarts from 'echarts';Vue.proto...
2021-07-13 17:01:05
4768
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人