- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端框架
Vue3如何优雅的跨组件通信🚀🚀🚀
开发中经常会遇到跨组件通信的场景。props 逐层传递的方法实在是太不优雅了，所以今天总结下可以更加简单的跨组件通信的一些方法。依赖注入<! import { inject } from "vue"const {count, updateCount} = inject("count")</script>在 setup 组件中，使用 inject 跨组件通信是最佳的方案
1.1K20编辑于 2023-11-12 - 来自专栏全栈开发工程师
Vue3 使用 mitt 实现跨组件通信
Vue3 使用 mitt 实现跨组件通信 1、安装 pnpm add mitt 2、引入 全局总线，vue 入口文件 main.ts 中挂载全局属性 import { createApp } from $bus = mitt(); app.mount('#app') 3、代码演示 App.vue <template> <Hello1 /> <Hello2 /> <Hello3 /> < /components/Hello2.vue"; import Hello3 from ". /components/Hello3.vue"; import {getCurrentInstance} from 'vue' const bus = getCurrentInstance()?. , 'hello3') } </script> Hello1.vue 其他类似 <script setup lang="ts"> import {onBeforeUnmount, onMounted
61400编辑于 2025-01-06 - 来自专栏web全栈工程师的取经之路
跨域通信
该协议不实行同源政策，只要服务器支持，就可以通过它进行跨源通信。 下面是一个例子，浏览器发出的WebSocket请求的头信息（摘自维基百科）。 方法7 CORS CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。 浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。因此，__实现CORS通信的关键是服务器__。 只要服务器实现了CORS接口，就可以跨源通信。
1.7K40发布于 2019-08-05 - 来自专栏Html5知典
【通信】跨文档通信含代码说明
概述 出于安全和隐私方面的考虑，在web浏览器中，实施了不同域名下的文档间不能通信的举措，也就日常说的禁止跨域执行脚本。 但是在某些开发场景中还是会出现需要通过执行跨域脚本来实现某些功能的案例。 本章介绍的跨文本通信，正是为了解决这些案例而设计的。跨文档通信，可以在不同网页文档，不同端口（跨域情况下）进行消息传递。 说概念总是枯燥的，不妨先看个实际例子—不同iframe间的通信： 代码示例 // iframe1: var form = document.getElementById("form"); form.onsubmit 上一节的demo中将targetOrigin设置成了通配符*这个在实际使用场合需要避免，因为这是不安全的做法，实际情况下，在处理跨源通信的消息时，一定要验证每个消息的源。
1K20发布于 2019-11-26 - 来自专栏路过君BLOG from CSDN
vue3笔记6 跨级组件通信
上级组件 setup() { let person = reactive({ name: 'zhoudd', age: 18 }) // 给下级组件提供数据 provide('person', person) }, 下级组件 setup() { // 从上级组件注入数据 let person = inject('person') return { person } }
24730编辑于 2022-04-13 - 来自专栏OpenFPGA
千兆网UDP通信
以太网帧格式 ? 图8‑12以太网帧格式 表8‑5以太网帧格式说明 类别 字节数 说明 前导码（Preamble） 8 连续 7 个 8’h55 加 1 个 8’hd5，表示一个帧的开始，用于双方设备数据的同步； 目的 ，发送前不需要建立连接(发送数据结束时也没有连接可释放)，减少了开销和发送数据之前的时延； 3、UDP 使用尽最大努力交付，即不保证可靠交付，主机不需要维持复杂的连接状态表； 4、UDP 没有拥塞控制， （说白了，就是发送时我不管数据能不能被准确接收，接收时也不管数据是否准确）这对某些实时应用是很重要的; 5、UDP 支持一对一、一对多、多对一和多对多的交互通信; 6、UDP 的首部开销小，只有8个字节 端口分用 上面提到UDP支持一对多交互通信，也就是端口分用。当运输层从 IP 层收到 UDP 数据报时，就根据首部中的目的端口，把 UDP 数据报通过相应的端口，上交最后的终点——应用进程： ?
1.2K10发布于 2020-06-30 - 来自专栏杰的记事本
postMessage实现跨域通信
IE8 部分支持跨文档通信：只能和iframe通信，不支持新窗口通信。IE10 将支持通道通信。FireFox目前支持跨文档信息，但是并不支持通道通信。 然而，通信事件并没有冒泡，不能取消，也没有默认行为。 三、跨文档通信 跨文档通信的使用跟我们平时实际生活中的邮件接收等类似。发送→接收。 文字化的描述不利于理解。所以，先从一个例子开始吧。 ,’http://example.zhangxinxu.com/’); 跨文档的浏览器窗体通信 上面的demo实在一个文档页面内完成的。实际上跨文档通信也可以在不同窗体之间完成。 人人网这个社交站点需要信任每一个请求，或者为我们过滤（应该指：一个一个指定）。 每一个端口就是一个MessagePort对象，包含3个可用方法： postMessage() 通过通道发送消息 start() 开始在端口上分派接受的信息 close() 关闭端口 MessagePort
2K20发布于 2019-09-04 - 来自专栏桃子小白
【docker】完成跨主机通信
实验要求 掌握利用Docker实现跨主机容器互连的方法。 前置准备 要求实验主机能够连接外网，已经正确安装Docker，并关闭防火墙和selinux，各主机配置信息如表1-1所示。 主机配置信息表 主机名 IP地址/子网掩码 容器名 node1 192.168.123.88/24 Centos node2 192.168.123.99/24 Centos 实验步骤 步骤1：创建跨主机的容器 步骤3：安装etcd和flannel服务。 node01节点 注：1.ETCD_DATA_DIR为etcd数据存放路径 2.ETCD_LISTEN_CLIENT_URLS为监听客户端地址 3.ETCD_NAME为节点名称 4.ETCD_ADVERTISE_CLIENT_URLS
79010编辑于 2023-06-10 - 来自专栏想法独特的Dev+Ops
容器跨主机网络通信
在分布式部署环境中，如何实现跨主机的容器通信始终是架构设计中必须解决的重要问题。 2.3 UDP 模式原理： 在用户态通过 UDP 封装实现跨主机容器通信。优势与不足： 实现简单、易于理解，但因封装与解封装均在用户态执行，引入了较高的性能开销。 历史地位： 虽然实际生产环境中已逐步被 VXLAN 模式取代，但 UDP 模式是理解容器跨主通信原理的最简单案例。 ，容器跨主机通信的整个过程可以归纳为以下步骤：数据包生成与发送：container-1 生成一个 IP 包（源：100.96.1.2，目标：100.96.2.3），经过 docker0 网桥进入宿主机 最终数据传递：Node 2 内核根据其路由规则，将 IP 包转发到 docker0 网桥，最终传递至 container-2，实现跨主机通信。
61800编辑于 2025-04-08 - 来自专栏运维小路
Docker-网络&跨主机通信
) Docker-Compose Docker番外篇 我们在讲解docker详细信息的时候，讲过docker有多种网络模式，今天我们就来详细讲解下最重要的网络模式-桥接模式，以及如何实现Docker的跨主机通信 跨主机通信 由于其他网络模式使用较少，所以我们这里就不讲解。 从上面的信息我们可以看到如果要实现跨主机通信，那么必须要确保每个主机的的网桥ip地址不冲突，其实k8s也是需要每个主机的的容器ip地址段不冲突，下面我们就手工模拟下如何实现跨主机通信。 主机IP 容器IP 192.168.31.209 172.16.1.1/24 192.168.31.210 172.16.2.1/24 1.修改docker0网桥的地址 #vi /etc/docker 开启iptables转发 #31.209和31.210同时配置 iptables -P FORWARD ACCEPT 这样就可以实现跨主机通信，但是我们这个是手工维护的规则，适合临时使用，不适合大面积使用
44110编辑于 2024-12-19 - 来自专栏Keller
通过postMessage进行跨域通信
最近工作中遇到一个需求，场景是：h5页作为预览模块内嵌在pc页中，用户在pc页中能够做一些操作，然后h5做出响应式变化，达到预览的效果。
1K40编辑于 2021-12-14 - 来自专栏lhyt前端之路
不同页面通信与跨域
前言 相信跨域有什么手段，大家都背得滚瓜烂熟了。现在我们来做一些不在同一个tab页面或者跨域的实践。 如果我们用服务器打开，我们的不同tab页面通信完成了，而且是实时的。 2. 玩转iframe 我们都知道frame可以跨域，那么我们来试一下。 下面例子，都是一个html内嵌iframe，当然你直接打开iframe那个文件，没什么意义的 2.1 利用hash变化传递信息实现父子窗口通信（能跨域） 父窗口：1.html html: <iframe 3. 非同域的两个tab页面通信 也就是两个毫无关系的tab页面通信（比如我打开一个baidu和一个github），怎么通？ 当然baidu和github能不能通信，我们不知道，得问他们家的开发。 前面我们已经知道，iframe能跨域，localstorage能使得两个tab页面通信。那我们就来试一下，iframe桥接两个互不相干的tab页面。
2.3K10编辑于 2022-09-21 - 来自专栏sktj
Docker overlay网络（跨主机通信）
-1-0daup02ngezc9h5rqxi16itv7bcdwnx7egmls4ztdq8f2yxkdz-ahonnh24yzrgs6y6b93aj8574 192.168.118.77:237 3、
1.1K20发布于 2019-10-30 - 来自专栏Super 前端
web 通信--跨文档、worker、通道
跨文档通信（cross-document messaging）、worker通信（cross-worker messaging）、通道通信（channel messaging） MessageEvent 跨文档通信 最常见的例子 iframe 之间。 window.addEventListener('message', (msgEvent) => { msg.innerHTML = msgEvent.data }) script> worker 通信 application/javascript'}); const url = URL.createObjectURL(blob); return new Worker(url); } 通道通信
1.1K20编辑于 2022-01-24 - 来自专栏农历七月廿一
浏览器跨标签通信
写在前面 今天说一下跨标签通信的一种实现方式，首先跨标签指的是同一个浏览器中不同标签之间进行数据通信，也就是说比如在第一个标签写了一个数据，在另一个标签里面进行数据的使用，而且是实时的 先说现象 自执行函数进行接收获取到的广播消息 (() => { receiveMessages(setMessage) })() </script> </body> </html> 打完收工 这总跨标签的实现方案是有很多的
57310编辑于 2023-10-18 - 来自专栏区块链大本营
跨链通信简要研究
异构链之间的跨链交互⼀般需要第三⽅辅助服务辅助跨链交互。 跨链要达到安全可信必然对跨链机制、步骤等有⼀些要求，其中最重要的就是跨链事务的原⼦性。 根据[3]，在⼀开始，主链特指⽐特币主⽹区块链。所以所谓侧链就是除了⽐特币区块链以外的，任何能遵循侧链协议并和⽐特币互通的⼀切区块链。 Polkadot的中继链机制 Polkadot的平⾯体系结构如图3所示。其有三种链链⻆⾊和四种参与⽅。 ? 图3 三种链角色： 中继链（Relay chain）: 中继链位于Polkadot的体系的核⼼地位，主要是为整个系统提供统⼀的共识和安全性保障； 平⾏链（Parachain）: 在Polkadot 举报交易也要经过共识过程，通过 2/3 以上验证⼈验证，打包进区块，惩罚和奖励也都是区块链交易[7]。
1.4K32发布于 2020-02-25 - 来自专栏全栈程序员必看
linux跨网段实现内网互通_docker跨主机通信
1.简介 TCP协议规定只有处于同一个网段的IP才能实现互通，如果处于不同网段，则需要借助于所属的网关，即我们可以配置一台双网卡机器作为网关，然后指定路由线路实现跨网段访问。 Server端的路由表 sudo route add -net 10.168.9.0 netmask 255.255.255.0 dev eth1 这条路由表的含义就是发往10.168.9.0/24网段的数据包都由 eth1网卡发出 代理服务器中新增发往Client端的路由表 sudo route add -net 192.168.1.0/24 netmask 255.255.255.0 dev eth0 这条路由表的含义就是发往 192.168.1.0/24网段的数据包都由eth0网卡发出 Client服务器中设置网关为192.168.1.1 sudo route add default gw 192.168.1.1 设置之后就表示当 的其他子网，即不能ping通Server端 Server端设置网关为10.168.9.1 sudo route add defaultgw 10.168.9.1 以上步骤执行之后则可以互相ping通 3
3.4K50编辑于 2022-10-01 - 来自专栏OpenFPGA
FPGA千兆网TCP通信分析
首先通过上面的简单分析，我们应该很清楚一件事：TCP协议很复杂，光握手过程就需要“三次握手、四次挥手”的复杂过程，不是特别适合FPGA的纯逻辑实现，因为用FPGA实现以太网通信的主要目的就是进行低延时的传输数据 ，而一旦设计规模达到一定量级，FPGA实现通信的优势便不复存在，转而体现出“性价比”低的劣势。 难道利用TCP协议进行通信就不可实现吗？答案当然是否。 因为现在各大厂商都会在自己芯片内部增加软核和硬核，而利用软核和硬核来实现以太网通信也是目前使用比较广泛的方式，但是并不是所有的TCP协议都适合软核或者硬核实现，接下来就简单介绍比较简单的TCP/IP协议栈 二是，移植内核和上层API，此时应用程序编写可以使用3种API，即：RAW/Callback API、Sequential API和Socket API。
1.7K10发布于 2020-06-30 以太网的通信方式
二、以太网的通信方式在以太网中，常用的传输介质有同轴电缆、双绞线、光纤（因为以太网属于有线局域网，所以传输介质中不涉及无线传输介质）。因此以太网的种类就有同轴电缆以太网、双绞线以太网和光纤以太网三种。 如果通信过程中使用的传输介质是同轴电缆，也就是同轴电缆以太网，那么一定属于半双工通信。同轴电缆是总线型拓扑，所有设备连接到同一根电缆上，数据信号通过广播方式传输。 如果通信过程中使用的传输介质是双绞线，即双绞线以太网，那么属于什么通信方式呢？这时候需要就其连接点进行分类讨论。 所以说，用集线器连接的双绞线以太网属于半双工通信。若双绞线连接在交换机上，又得分情况讨论了。早期的网线只包含一对双绞线，只能支持半双工通信）。 而现在使用的网线（比较好的网线）通常是由4对双绞线构成的，支持全双工通信。所以，用双绞线连接的双绞线以太网既支持半双工通信，也支持全双工通信。
69710编辑于 2025-03-27- 来自专栏前端之旅
AJAX 与跨域通信（三）：跨域解决方案
6.postMessage HTML5 提供了 postMessage 和 onmessage 两个 api 用于在跨域站点页面之间进行通信。 window.parent.postMessage('B域收到A域的消息了，通知你一声','http://test.com/a.html'); } </script> 那么这就是简单的跨域窗口间通信了 假设A域有 a.html 和 b.html，B域有 c.html，且 a.html 和 c.html 之间要进行跨域通信。 那么谁能和 a.html 直接通信呢？ （CLOSING）； 3：表示连接已经关闭或打开连接失败（CLOSED）； 另外还有四个事件属性： onopen：用于指定连接成功后的回调函数； onclose：用于指定连接关闭后的回调函数； onmessage
1.1K40发布于 2019-11-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号