28岁学前端-渣仔一枚
码龄5年
关注
提问 私信
  • 博客:33,511
    动态:32
    33,543
    总访问量
  • 6
    原创
  • 201,064
    排名
  • 5
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江苏省
  • 加入CSDN时间: 2020-04-02
博客简介:

m0_46750297的博客

查看详细资料
  • 原力等级
    当前等级
    3
    当前总分
    199
    当月
    2
个人成就
  • 获得28次点赞
  • 内容获得3次评论
  • 获得105次收藏
  • 代码片获得741次分享
创作历程
  • 1篇
    2024年
  • 1篇
    2023年
  • 2篇
    2022年
  • 2篇
    2021年
成就勋章
TA的专栏
  • vue
    3篇
  • js
    3篇
  • 前端
    3篇
兴趣领域 设置
  • Java
    javatomcatspringmavenintellij-ideaspring bootspring cloudjvmmybatisjava-rabbitmqjava-rocketmq
  • 编程语言
    javascript
  • 开发工具
    visual studiodockervscodeintellij-idea
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

如何获取懒加载后的el-tree全部数据,基于dom结构反推出数据结构

如何获取懒加载后的el-tree全部数据,基于dom结构反推出数据结构
原创
发布博客 2024.07.08 ·
1081 阅读 ·
4 点赞 ·
1 评论 ·
3 收藏

基于qiankun微前端和nginx实现的动态热部署微前端的实现

其中的路由对应qiankun子应用的里面的activeRule,目录地址对应qiankun子应用的entry,编码对应其name。文中涉及到的一些乾坤的知识点,阅读这篇文章的前提的大家已经了解并使用了qiankun框架来开发子应用。同时还涉及部分nginx代理的相关知识。1、子前端应用的路由使用history模式,且路由的base是由主前端应用传过来的,对应每个微应用属性中的activeRule。5、在主应用的qiankun.js中加上接口获取微应用列表的方法,然后传递props,最后注册启动微应用。
原创
发布博客 2023.08.03 ·
1060 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

关于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 ·
12844 阅读 ·
9 点赞 ·
0 评论 ·
24 收藏

浏览器窗口切换触发事件(多窗口用户同步退出)

前几天在前端开发的时候遇到一个需求场景:用户打开了窗口A 和窗口B,当用户在窗口B退出到登陆页面了,那么A窗口也要同步退出到登录页面。这样的需求,第一想到的就是使用websocket,当窗口B退出,通知A也退出。但是用websocket代价有点大,涉及到后端,事件紧。最终考虑,但B窗口退出,用户切换到A窗口,再主动退出。浏览器窗口切换事件document.addEventListener("visibilitychange", () => { // visible-显示,hidde
原创
发布博客 2022.03.18 ·
4136 阅读 ·
1 点赞 ·
1 评论 ·
2 收藏

vue实现的分段式进度条(步骤条结合进度条)

作为一个前端初学者,公司项目中前端需要一个带分步式的进度条,查查Element-ui和Ant design Vue都只有
原创
发布博客 2021.07.14 ·
9688 阅读 ·
8 点赞 ·
0 评论 ·
57 收藏

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 ·
4602 阅读 ·
6 点赞 ·
1 评论 ·
16 收藏