- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端笔记ing
小程序组件页面通信
本文将讲解一些小程序中常用的几种通信方式，以及在什么场景中使用哪种方式通信。 acceptDataFromOpenerPage', { data: '测试传递' }) } })在 b 组件中 通过 this.getOpenerEventChannel() 获取到 页面间事件通信通道 ({ status: 'TEST})4.设置返回的页面层级 wx.navigateBack({ delta: 1 // 返回上一级页面。 上个页面就会执行这里的操作。 piece: 333333333 }) wx.navigateBack({ delta: 1 // 返回上一级页面。 })父子组件通信 Component子组件向父组件传递值通过在 子组件中，写入事件，然后通过 triggerEvent 方法，指定事件名、detail对象和事件选项 ，来向父组件传递数据// 子组件var
1.4K11编辑于 2023-11-13 - 来自专栏lhyt前端之路
不同页面通信与跨域
现在我们来做一些不在同一个tab页面或者跨域的实践。 1. localstorage 1.1 onstorage事件 localstorage是浏览器同域标签共用的存储空间，所以可以用来实现多标签之间的通信。 如果我们用服务器打开，我们的不同tab页面通信完成了，而且是实时的。 2. 玩转iframe 我们都知道frame可以跨域，那么我们来试一下。 非同域的两个tab页面通信 也就是两个毫无关系的tab页面通信（比如我打开一个baidu和一个github），怎么通？ 当然baidu和github能不能通信，我们不知道，得问他们家的开发。 前面我们已经知道，iframe能跨域，localstorage能使得两个tab页面通信。那我们就来试一下，iframe桥接两个互不相干的tab页面。
2.2K10编辑于 2022-09-21 - 来自专栏前端达人
uniapp页面间通信相关方法总结
利用url传参进行通讯 A页面向B页面传递参数 uni.navigateTo({ url: 'test/test? 我们假设一个场景，进入app,是未登陆状态，需要在我的页面点击登陆，进入登陆页面进行登陆。登陆成功之后，返回到我的页面，实时显示登陆后的用户信息。 监听事件 首先，在我的页面监听事件。 触发事件 进入登陆页面，触发事件 // 登陆页面 uni. 而我们开发中会遇到很多页面间通讯场景，如： vue 与 nvue，nvue 与 vue 间的通讯 tabbar 页面之间的通讯 父页面与多级子页面间的通讯 基本上述场景均可以实现，本质上就是一个页面通知另一个面我发生了变化 注意，这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。
5.1K20发布于 2021-06-16 - 来自专栏kwcode
iframe 同域下父子页面的通信
window.trip = window.trip || {}; window.trip.name== window.trip.name || {}; })(window, $); //父页面 缓存一个控件 }); //html代码
<input type="text" class=" j-item-name name" placeholder="姓名" >//子页面 iframe弹出的页面 //直接赋值 parent.trip.name.val(“ceshi”)1K100发布于 2018-03-14来自专栏前端小课堂百度小程序之间的页面通信.md
背景 主要是针对小程序开发中页面之间进行通信的问题，在涉及支付的场景中，用户从页面支付入口进行跳转进行支付之后，回到原来页面，在原来的页面需要进行相应的状态刷新，比如用户身份状态、支付状态、文档或商品情况 遇到的问题 在使用百度小程序的 swan.navigateBack 进行回跳页面时，API中的方法参数不支持携带参数，只支持number参数。 所以就涉及了几个单独页面之间的通信问题。 fail function 否 - 接口调用失败的回调函数 complete function 否 - 接口调用结束的回调函数（调用成功、失败都会执行） 解决方法 主要有以下三种方法，实现各page之间通信 afterPaySuccess', { docId: this.data.tradeInfo.docId, triggerFrom: 'docCashierBack' }); 根据事件中心的发布和订阅，实现了页面之间的通信 ，就能实现比如页面在支付成功后回退时，页面状态的改变的场景，同时利于维护页面之间的数据关系，能通过在发布时传递参数，实现数据之间的通信。
56710发布于 2019-09-04来自专栏技术/开源UWP开源项目 LLQNotifier 页面间通信利器（移植EventBus）
前言 EventBus是一个Android版本的页面间通信库，这个库让页面间的通信变得十分容易且大幅降低了页面之间的耦合。 这个库原理很简单，就是把观察者模式封装成库，页面想收到某类通知就注册相关事件，在其他页面发出通知后就做响应。 RemoveSubscription(type, subscriber); } } } 垃圾回收 因为注册时会把注册的对象保存起来，强引用的话会导致对象不能被GC回收，表现在应用里就是页面只要打开一次 ，内存就会被占用，即使页面已经关掉，内存不回收，这就是内存泄露了。
70870发布于 2018-01-04来自专栏前端架构web messaging与Woker分类：漫谈postMessage跨线程跨页面通信
messaging)： 伴随着server-sent事件以及web sockets, 跨文档通信和通道通信成为HTML5 通信接口“套件”中有用的一部分。 的区别就是：BroadcastChannel只能用于同源的页面之间进行通信，而postMessage却可以用于任何的页面之间的通信，换句话说，BroadcastChannel可以认为是postMessage 因此它在被注册安装之后，能够被在多个页面中使用，也不会因为页面的关闭而被销毁。 ，导致页面渲染加载阻塞的感觉。 使用教程 www.ruanyifeng.com/blog/2018/07/web-worker.html 转载本站文章《web messaging与Woker分类：漫谈postMessage跨线程跨页面通信
2.7K30发布于 2021-07-03来自专栏历史专栏【愚公系列】2022年02月 微信小程序-页面间通信
文章目录 前言 1.页面通信分类 一、GET类通信 二、POST类通信 三、localStorage通信 四、全局参数通信 五、发布订阅中间件 六、oba开源库 七、hack方法 总结 ---- 前言 在小程序中如果一个页面由另一个页面通过 wx.navigateTo 打开，这两个页面间将建立一条数据通道：被打开的页面可以通过this.getOpenerEventChannel() 方法来获得一个 EventChannel 1.页面通信分类 按页面层级（或展示路径）可以分为： 兄弟页面间通信。 如多Tab页面间通信，PageA，PageB之间通信 父路径页面向子路径页面通信，如PageA向PageC通信 子路径页面向父路径页面通信，如PageC向PageA通信 按通信时激活对方方法时机，又可以分为 ）缓存即可，缓存时用页面路径作key，方便查找。
48230编辑于 2022-12-01来自专栏Dotnet DancerWPF开发者必须掌握的技巧：使用事件聚合器实现跨页面通信（任意页面哦！）
主页面里面，注入IEventAggregator服务接口，然后在构造函数里面直接定义消息接收方法GetMessage，该方法用来接收其他页面传递的消息，并在debug控制台输出结果。 对应的ViewModel里面，需要继承 IDialogAware，用来代表他是一个弹出对话框(你是页面也行，问题不大，对话框的目的是为了接收主页面传递数据给对话弹出框)。 对话框里面新增输入框的数据绑定属性，用于等下对话框打开以后，主页面传递的消息参数可以马上被对话框获取到并显示到页面的输入框里面，当做验证。 可以发现，弹出框被打开，并且输入框里面的数据就是打开弹出框时候，主页面传入的数据。 这个就是跨页面通信的使用方式，不管你的页面是父级、子级、爷孙级别、甚至毫无关联的页面，只要在同一个程序里面，都可以这样互相传递消息,并且可以自定义任意类型数据。
59310编辑于 2024-08-13来自专栏lhyt前端之路不同页面通信与跨域0. 前言1. localstorage2. 玩转iframe3. 非同域的两个tab页面通信4.MessageChannel
现在我们来做一些不在同一个tab页面或者跨域的实践。 1. localstorage 1.1 onstorage事件 localstorage是浏览器同域标签共用的存储空间，所以可以用来实现多标签之间的通信。 如果我们用服务器打开，我们的不同tab页面通信完成了，而且是实时的。 2. 玩转iframe 我们都知道frame可以跨域，那么我们来试一下。 非同域的两个tab页面通信 也就是两个毫无关系的tab页面通信（比如我打开一个baidu和一个github），怎么通？ 当然baidu和github能不能通信，我们不知道，得问他们家的开发。 前面我们已经知道，iframe能跨域，localstorage能使得两个tab页面通信。那我们就来试一下，iframe桥接两个互不相干的tab页面。
5.1K20发布于 2018-10-31来自专栏知晓程序【技术牛人分享】如何在微信小程序里实现跨页面通信？
比如： 选择了某些配置项，点击保存后，外部页面能够立即变更 在头像上传页面，上传完毕后，外部页面的头像能够立即显示为新头像 这个时候就涉及到如何在页面之间通信的问题了。 跨页面通信，其实就是一个程序内部的事件通知机制问题，在其他平台或者 OS 上都一些相应的实现，比如: iOS SDK 自带的 NotificationCenter Android 平台著名的第三方库 EventBus 目前，微信小程序官方 SDK 还没有提供 Event API 来帮助开发者实现页面间通信。 所以，二级页面只应该把变更后的数据通知给一级页面即可，至于一级页面是想刷新界面，还是想本地存储或者发起网络通信，都与其他页面没有关系了。 然后，我们在其他页面合适的位置调用 addListener。 一个基本合格的方案 以上就是跨页面通信的最基本原理，但这也是一个很 dirty 的方案。
99330发布于 2018-06-28来自专栏天天微信小程序 页面与自定义组件数据通信
先看官方文档 组件间通信 组件间的基本通信方式有以下几种。 页面向自定义组件传递数据(类似vue的props) 看官方示例 <! -- 页面的 json --> { "usingComponents": { "my-component": "/components/custom-component" } } <! -- 页面的 WXML --> <my-component my-property="example" /> <my-component my-property="{{msg}}" /> <! this.triggerEvent('myevent', myEventDetail, myEventOption); //这样通过事件将参数 传递给被监听 函数 从而实现通信
3.4K50发布于 2018-11-11来自专栏天天微信小程序 页面与自定义组件数据通信
先看官方文档 组件间通信 组件间的基本通信方式有以下几种。 页面向自定义组件传递数据(类似vue的props) 看官方示例 <! -- 页面的 json --> { "usingComponents": { "my-component": "/components/custom-component" } } <! -- 页面的 WXML --> <my-component my-property="example" /> <my-component my-property="{{msg}}" /> <! this.triggerEvent('myevent', myEventDetail, myEventOption); //这样通过事件将参数 传递给被监听 函数 从而实现通信
60660发布于 2018-12-12来自专栏编程直播室Ionic 2 添加页面创建页面创建附加页面
设置了ion-nav组件的根页面或是第一个基本页面。当加载ion-nav是，rootPage变量引用的就是根页面。 创建页面 接下来我们看看导入的HelloIonicPage 。在 src/pages/hello-ionic/目录下，打开hello-ionic.ts文件。 你可能注意到每个页面有一个目录。 当我们导航到这个页面，导航条上的按钮和标题作为页面的一部分一起过渡过来。 余下的模版是标准的Ionic代码设置内容区域，打印欢迎信息。 创建附加页面 创建附加页面，我们只需要确保正确设置标题和其他我们希望导航条显示的东西。 总之，这个页面和前面的HelloIonicPage 很相似。
3.4K40发布于 2018-06-06来自专栏WordPress果酱WordPress 技巧：后台页面编辑页面排除指定页面
有时候给客户做模板经常会使用一些插件，比如theme my login插件，插件会自动生成一些默认页面来显示指定内容，而这些页面我们是不想让用户看到并编辑的来避免由于客户的更改导致页面内容出错。 所以我们需要在 后台 > 页面 > 所有页面 选项卡里的页面列表排除指定的页面不让用户操作到，具体实现代码如下(直接把代码插入到主题文件夹下functions.php里就可以了)： add_action get_query_var('post_type') ) ) $query->set( 'post__not_in', array(23,28,30) ); // 排除掉的页面
1.2K30编辑于 2023-04-15来自专栏blog-技术博客通信
线程通信 生产者消费者 一、使用同一个共享变量控制 Synchronized、wait、notify Lock、Condition 利用volatile 利用AtomicInteger 二、 PipedInputStream、PipedOutputStream 三、利用BlockingQueue 进程通信
52620发布于 2021-03-05来自专栏北溟有鱼QAQLinux进程通信之管道通信
父子进程管道通信 Linux进程通信的几种方式 管道通信 中断信号 共享内存、消息队列 Unix Socket 我们PHP中所使用的workman、swoole 或者其他语言当中的进行通信也是无非以上的几种方式 当通过运行代码时，我们可以发现的，当父进程写入数据后，子进程也会读到父进程写入的数据，但以上管道通信是以阻塞方式运行的，当没有数据时，进程则会阻塞不执行 非阻塞方式 $file = 'pipe_file
2.6K30发布于 2021-07-27来自专栏仙士可博客php进程通信-PIPE管道通信
上一篇文章讲到了php进程通信的进程信号通信方法,本文介绍的是有名管道: 管道通信,主要是利用文件,写入以及读取来进行通信的, 通俗来讲,就是A进程在1.txt写入1,B进程读取1.txt,就能读取到这个 1,这样就通信成功了. 当然,php进程管道通信没有这么简单 注意:多进程系列文章,都建立在linux环境,php-cli运行模式下 一:创建个专属管道的文件: $fifoPath = "tmp/$name".getmypid
1.4K20发布于 2019-12-18来自专栏全栈程序员必看netty通信框架(socket通信详解)
题外话，很多人都把JDK1.4提供的NIO称之为异步非阻塞I/O；其实，并不然，从严格意义上面讲，它只能称为非阻塞I/O。在JDK1.7提供的NIO 2.0，新增了异步的套接字通道Channel，它才是真正的异步非阻塞I/O。下表是不同I/O模型的对比：
2.5K40编辑于 2022-08-01来自专栏编程思想之路通信之进程间通信-AIDL
能够实现两个独立应用程序之间的通信。 进行跨进程通信 AIDL用法 既然是两个进程间的通信，那就必须要创建两个Android应用程序，一个应用程序A借助service用来实现所定义的aidl接口，另一个应用程序B用来绑定A应用程序中所创建的服务 string); } 4，在aidl文件保存后，Eclipse中的adt插件会帮助你自动的在gen目录下生成对应的java文件，目录结构如下： 5，在activity中使用aidl进行进程间通信 conn, BIND_AUTO_CREATE); setBtnFlags(false, true,true); break; case R.id.send_msg: //进程间通信 catch block e.printStackTrace(); } } break; default: break; } } } AIDL进程间通信效果图
83310编辑于 2022-05-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号