微前端-micro-app 使用 onresize和addEventListener区别

最新推荐文章于 2024-10-17 09:40:47 发布
最新推荐文章于 2024-10-17 09:40:47 发布
阅读量346 收藏
点赞数 1
分类专栏： micro-app 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43856422/article/details/128112131
版权

1.onresize

dom0级别，一次只能绑定一个函数，下个函数会将上个函数给覆盖

2.addEventListener

dom2级别，一次可以绑定多个函数，各个函数不会覆盖

3.子应用使用window.onresize 出现bug

因为onresize是dom0级别的会被父亲和其他给覆盖，所以在子应用中禁止使用window对象的dom0级别函数

莫道 开发
关注
专栏目录
uni-app学习笔记和新闻资讯app项目总结
qq_46336617的博客
06-22 863
随着移动应用开发的快速发展，跨平台开发成为了许多开发者的追求。在我最近的学习中，我有幸接触到了Uni-app这个跨平台应用开发框架，它为我打开了一扇全新的大门。本文将分享我在学习Uni-app的过程中的笔记和项目心得体会。一、uni-app是什么？Uni-app是一个基于Vue.js框架的跨平台应用开发框架，它可以同时开发iOS、Android和Web应用。使用Uni-app，我们只需要编写一套代码，即可在不同平台上运行应用，大大提高了开发效率和降低了维护成本。
uni-app面试题
admin12345671的博客
04-16 6132
入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如 vuex，注意uniapp无法使用vue-router，路由须在pages.json中进行配置。是uni-app的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件。除此之外，应用生命周期仅可在App.vue中监听，在页面监听无效。小程序绑定某个变量的值为元素属性时，会用两个大括号{{}}括起来，如果不加括号，为被认为是字符串。vue和uni-app动态绑定一个变量的值为元素的某个属性的时候，会在属性前面加上冒号":";
window.onresize与window.addEventListener(‘resize‘,...)来做浏览器窗口的缩放监听
热门推荐
weixin_44490109的博客
02-23 2万+
目录一、背景二、`window.onresize`为什么在重复使用过程中会被覆盖？三、`window.addEventListener`的运用 一、背景 在做浏览器窗口监听时我们该选用window.onresize还是window.addEventListener('resize',...)呢？之前遇到过这样一种情况，在一个vue项目的navBar部份使用了window.onresize做了监听控制，当窗口缩放到一定大小以下时菜单只显示图标隐藏文字，后面由于在做表格时也需要去做监听以实现自适应策略，在实现的
window.onresize 与 window.addEventListener(‘resize‘)
Ranye的博客
04-18 396
前者会覆盖，后者是可以叠加。
window.onresize 与 window.addEventListener(‘resize‘,...) 区别
前端技术
01-14 7778
一、背景说明 Vue 中，两个组件都使用的了 window.onresize 导致其中一个被覆盖。 二、冲突写法 window.onresize = () => { return (() => { yourResizeFunc(); })(); }; 三、正确写法 window.addEventListener('resize',() => yourResizeFunc(), false); window.addEventListener('resize',(
window.onresize和window.addEventListener
weixin_43258184的博客
11-05 945
vue中在mounted中window.onresize不生效是因为： 引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。 把window.onresize改为window.addEventListener window.onresize = () => { if (screenfull.isFullscreen) { this.show = false; this.tableHeight = w
echarts--onresize自适应宽度需要刷新才能适配的问题
weixin_45288172的博客
05-16 435
echarts--onresize自适应宽度需要刷新才能适配的问题
uni-app的H5版使用注意事项
dcloudio的博客
11-10 3275
HBuilderX 1.2开始包含了H5平台支持。 使用方式 打开uni-app项目下的vue文件 点击菜单 运行->运行到浏览器->Chrome [attach]26917[/attach] 在Chrome內打开调试模式（右键->检查）开启设备模拟，模拟移动设备（如果UI变形刷新即可） [attach]26920[/attach] HBuilderX修改代码后会自动刷新chrome的页面 审查元素 [attach]27188[/attach] 在chrome控制台安装vue devto
前端开源库-re-resizable
08-30
在现代Web开发中，前端开源库扮演着至关重要的角色，它们为开发者提供了丰富的功能，节省了大量时间和精力。今天我们将深入探讨一个名为"re-resizable"的开源库，它是一个专为响应式设计而生的可调整大小的组件。 ...
uni-app个人总结
weixin_48780364的博客
12-17 748
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
VueJs 监听 window.resize 方法
鱼塘虾本虾的博客
11-08 4380
Vuejs 本身就是一个 MVVM 的框架。 但是在监听 window 上的 事件 时，往往会显得 力不从心。 比如 这次是 window.resize 恩，我做之前也是百度了一下。看到大家伙都为这个问题而发愁。 问题： 今天我也 遇到了这样一个问题， 是关于canvas 自适应。 根据窗口的变化去变化 canvas 的宽度 备注： 重要的问题说三遍 解决 框架内的b
onresize事件
peizhiinfo
11-23 969
onresize的定义方式 一、直接在html中定义 如<body onresize="doResize()"/> 二、直接给onresize赋值 可以给window和body的onresize赋值 如window.onresize=function(){},document.body.onresize=function(){} 三、使用事件监听 只对window...
window.attachEvent 和addEventListener
ChinaJweb
02-08 637
以前写JavaScript脚本时，事件都采用object.event = handler的方式绑定。这种方式对于Internet Explorer、Mozilla/Firefox和Opera来说很通用。但有一个问题，这种方式只能一个事件对应一个事件处理过程。如果希望一个事件可以依次执执行多个处理过程，就不好用了。 Internet Explorer从5.0开始，提供了一个attachEven...
addEventListener和on的区别
weixin_33725272的博客
02-17 236
为什么需要addEventListener？ 先来看一个片段： html代码 <div id="box">追梦子</div> 用on的代码 1 window.onload = function(){ 2 var box = document.getElementById("box"); 3 box.onclick = function...
js中dom事件中 addEventListenr()函数的第三个参数 true和false的区别
业余前端的职业经历
01-04 1337
初学者 我们用的很多都是 dom0级别事件 常见的如下 dom.onclick=function(){ //dom指的是 常用的一种dom元素 如： div p Button，a等等 } 但是这个在工作中是很忌讳使用的 因为dom0级事件 在后面如果在定义一个的话 就会把之前的覆盖掉 就像是一个全局变量在多人开发的时候限制很大的 所以工作中常用的是 dom2级别事...
前端 js 处理一个数组 展示成层级下拉样式
最新发布
lzfengquan的博客
10-17 117
前端开发中，不管是什么时候都会遇到select 下拉框的使用，一般情况下，数据处理后端都会处理好。前端一般使用相应技术栈所推荐的公共组件就可以了。前端处理的前提是要确定那个是父级元素，那个是子级元素，这样才能更好的处理数据。这个时候前端要写个方法去处理这个数组了。这个数组后端是会给的。
004-按照指定功能模块名称分组
xiaogang1226的博客
10-16 306
需要把一个功能模块的几个功能点放在同一个文档目录下，这几个功能点分布在不同的 Controller。需要把他们单独分组，方便前端对接。在@ApiOperation 里面增加属性 tags 赋值。
window.addEventListener('resize')和window.onresize
10-12
window.addEventListener('resize')和window.onresize都是用来监听窗口大小变化的事件，但是它们有一些区别。 window.addEventListener('resize')可以添加多个事件监听器，而window.onresize只能添加一个事件监听器。 window.addEventListener('resize')可以通过removeEventListener()方法来移除事件监听器，而window.onresize无法移除事件监听器。 window.addEventListener('resize')可以在任何时候添加事件监听器，而window.onresize只能在页面加载完成后添加事件监听器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值