通信

Vue 非父子组件通信方案

故事扮演 提交于 2020-04-03 10:11:01
Vue 非父子组件通信方案 概述 在 Vue 中模块间的通信很普遍 如果是单纯的父子组件间传递信息,父组件可以使用 props 将数据向下传递到子组件,而在子组件中可以使用 events (父组件需要先监听对应子组件触发的事件) 向父组件传递信息。 但是当我们需要进行非父子组件间的通信或者是父子组件间的通信需要层层传递过于复杂时就需要使用非父子组件通信方案来进行组件间信息的传递: 下面是常见的两种非父子组件通信方案: 使用一个空的 Vue 实例作为一个事件总线中心 Bus 使用专门的状态管理模式 vueX 一、事件总线中心 Bus 总线中心 Bus 的实现思想是先把自己在 main.js 里进行全局注册,这样在每个组件都能通过 this 访问到它,由于 Bus 本身就是一个 vue 实例,所以具备 $emit 和 $on 方法,这样我们就能在 Bus 上通过自定义事件的方式发送和监听事件来传递数据,而且不受组件的位置关系影响。 具体使用如下: 1. 在 main.js 里面 将 bus 从 通过 Vue.prototype 全局注册,这样在所有的vue实例中都能通过 this.$bus 访问到 Bus: import Vue from 'vue' const bus = new Vue() Vue.prototype.$bus = bus 2. 在需要发送或接收事件的组件里面 //

Socket通信

人盡茶涼 提交于 2020-04-03 04:10:35
本次分享的是一个简单的Web项目里使用的Socket通信案例 1、建立监听类: package com.trust.fricem.TCPC.service; import org.springframework.web.context.WebApplicationContext; import org.springframework.web.context.support.WebApplicationContextUtils; import javax.servlet.ServletContextEvent; import javax.servlet.ServletContextListener; /** * @Author:Singularity * @Date:2019/6/1 14:23 * @Description: Socket 服务监听 */ public class SocketServiceLoader implements ServletContextListener { //socket server 线程 private SocketThread socketThread; /** * 当Servlet 容器启动Web 应用时调用该方法。在调用完该方法之后,容器再对Filter 初始化, * 并且对那些在Web 应用启动时就需要被初始化的Servlet

OSI体系结构——数据链路层详解

强颜欢笑 提交于 2020-04-02 18:31:08
前言 数据链路层是OSI参考模型中的第二层,介乎于物理层和网络层之间。数据链路层在物理层提供的服务的基础上向网络层提供服务,数据链路层是对物理层传输原始比特流的功能的加强,将物理层提供的可能出错的物理连接改造成为逻辑上无差错的数据链路,使之对网络层表现为一无差错的线路。为达到这一目的,数据链路必须具备一系列相应的功能。本文就数据链路层具有的功能进行相关介绍。 一、 数据链路的概念以及相关基础知识 上图为两台主机通过互联网进行通信时数据链路层所处的地位。 本文只关心在协议栈中水平防线的各数据链路层。当H1向H2发送数据时,我们可以想象数据就是在数据链路层从左向右水平传送的。于是在数据链路层的层面上,有如下链路:H1链路层→R1链路层→R2链路层→R3链路层→H2链路层 由此,我们引出了一些基本概念: 链路(link):一条无源的物理线路段,中间没有其他的交换结点。一条链路只是一条通路的一个组成部分。 数据链路(date link):除了物理线路外,还必须有通信协议来控制这些数据的传输。若把实现这些协议的硬件和软件加到链路上,就构成了数据链路。 现如今,最常用的方法就是使用网络适配器(网卡)来实现这些要求,一般网卡包含了数据链路层和物理层两层的功能。 数据在信道中传输,其在数据链路层中的数据单元叫做帧。 数据链路层把网络层交下来的数据封装成帧发送到链路上,并将收到的帧中的数据取出

P2P通信标准协议(二)之TURN

我怕爱的太早我们不能终老 提交于 2020-04-02 17:36:43
上一篇 P2P通信标准协议(一) 介绍了在NAT上进行端口绑定的通用规则,应用程序可以根据这个协议来设计网络以外的通信。 但是, STUN/RFC5389 协议里能处理的也只有市面上大多数的 Cone NAT (关于NAT类型可以参照 P2P通信原理与实现 ), 对于 Symmetric NAT ,传统的P2P打洞方法是不适用的。因此为了保证通信能够建立,我们可以在没办法的情况下用保证成功的中继方法(Relaying), 虽然使用中继会对服务器负担加重,而且也算不上P2P,但是至少保证了最坏情况下信道的通畅,从而不至于受NAT类型的限制。 TURN/RFC5766 就是为此目的而进行的拓展。 TURN简介 TURN的全称为Traversal Using Relays around NAT,是STUN/RFC5389的一个拓展,主要添加了Relay功能。如果终端在NAT之后, 那么在特定的情景下,有可能使得终端无法和其对等端(peer)进行直接的通信,这时就需要公网的服务器作为一个中继, 对来往的数据进行转发。这个转发的协议就被定义为TURN。TURN和其他中继协议的不同之处在于,它允许客户端使用同一个中继地址(relay address) 与多个不同的peer进行通信。 使用TURN协议的客户端必须能够通过中继地址和对等端进行通讯,并且能够得知每个peer的的IP地址和端口

第五代移动网络5G

假装没事ソ 提交于 2020-03-31 18:04:42
Q: 什么是5G? A: 5G是第五代移动网络。它将扮演比前几代人更重要的角色。 5G将提升移动网络,使之不仅能连接人,还能连接和控制机器、物体和设备。它将提供新的性能和效率水平,从而增强新的用户体验并连接新的行业。5G将提供多Gbps峰值速率、超低延迟、巨大容量和更统一的用户体验。有关5G的最新信息,请访问我们的5G网站。 Q: 其他几代移动网络是什么? A: 其他几代移动网络是1G、2G、3G和4G。 •1G模拟语音。 •2G引入数字语音(如CDMA)。 •3G带来移动数据(如CDMA2000)。 •4G LTE开启移动互联网时代。 Q、 5G有什么好处? A: 5G是一种新型网络:一种创新平台,它不仅将增强当今的移动宽带服务,还将扩展移动网络,以支持多种设备和服务,并将性能、效率和成本得到改善的新兴产业连接起来。5G将重新定义从零售到教育、交通到娱乐,以及介于两者之间的各种服务的广泛行业。我们认为5G技术与汽车和电力一样具有变革性。 通过一项具有里程碑意义的5G经济研究,我们发现,到2035年,5G的全面经济效应将在全球范围内实现,支持广泛的产业,并可能产生高达12万亿美元的商品和服务。 研究还显示,到2035年,5G价值链(原始设备制造商、运营商、内容创造者、应用程序开发商和消费者)的总收入可能高达3.5万亿美元,并支持高达2200万个就业岗位

20199307 2019-2020-2 《网络攻防实践》第五周作业

风流意气都作罢 提交于 2020-03-31 17:26:57
问题 源 作业所属课程 网络攻防实践 作业要求 https://edu.cnblogs.com/campus/besti/19attackdefense/homework/10553 课程目标 了解网络攻防的概要 这个作业在哪个具体方面帮助我实现目标 深入了解网络嗅探、网络协议的分析 作业正文.... 见后文 其他参考资料 见后文 目录 一、实践内容 TCP/IP网络协议栈攻击概述 网络安全属性(CIA) 网络攻击基本模式 TCP/IP网络协议栈安全缺陷与攻击技术 原始报文伪造技术及工具 网络层协议攻击 IP源地址欺骗 ARP欺骗 ICMP路由重定向攻击 传输层协议攻击 TCP RST攻击(TCP重置报文攻击) TCP会话劫持攻击 TCP SYN Flood拒绝服务攻击 UDP Flood拒绝服务攻击 二、实践过程 ARP缓存欺骗攻击 ICMP重定向攻击 SYN Flood攻击 TCP RST攻击 TCP会话劫持攻击。 三、学习中遇到的问题及解决 四、实践总结 五、参考资料 一、实践内容 TCP/IP网络协议栈攻击概述 网络安全属性(CIA) 机密性(C):保一般基于加密算法,来保证网络中的信息是被授权使用。 完整性(I):信息在存储使用的过程中保持不被修改,不被破坏。 可用性(A):当信息被需要时,能够正常的存取和访问, 真实性(A):确保通信对方是它所声称的真实实体。

2022年5G网络基础设施收入将达到260亿美元

假装没事ソ 提交于 2020-03-31 17:17:01
随着网络建设的进展和5G解决方案的普及,2022年5G网络基础设施收入将达到260亿美元 马萨诸塞州弗雷明翰,2018年11月6日——国际数据公司(IDC)的一份新报告介绍了IDC对2018-2022年全球5G网络基础设施市场的首次预测。此前,IDC分别于2018年9月和8月发布了对电信虚拟网络功能(VNF)和网络功能虚拟化基础设施(NFVI)的初步预测。 随着5G服务的首批实例在2018年第四季度推出,2019年将是移动行业的开创性一年。5G手机将开始进入市场,最终用户将能够亲身体验5G技术。 从基础设施的角度来看,移动行业继续尝试利用新频谱、网络虚拟化、机器学习和人工智能(ML/AI)来从现有网络服务中创造新价值的创新解决方案。虽然这些和其他增强功能将发挥关键作用,但5G NR是下一代移动通信的一个关键里程碑,能够以较低的每比特成本实现更快的速度和增强的容量。即使在部分城市今天开始体验5G NR的同时,5G的全部潜力仍需数年时间才能实现,这将需要额外的标准工作和试验,尤其是与5G NG核心相关的标准工作和试验。 除了5G NR和5G NG core,采购模式表明通信服务提供商(SP)将需要投资于邻近的领域,包括回程和NFVI,以支持继续向云本机、软件主导架构的推进。 5G和5G相关网络基础设施市场(5G RAN、5G NG core、NFVI、路由和光纤回程

新华网——中国电信:积极推进重点数据中心项目建设,用于保障区块链等新型应用需求

青春壹個敷衍的年華 提交于 2020-03-31 16:07:31
3 月 24 日,中国电信发布 2019 年全年业绩。中国电信表示,将积极推进大数据基地、创新孵化基地,数据中心、研发中心等一大批重点数据中心项目建设,用于保障 5G、云计算、大数据、人工智能、区块链、工业互联网等新型应用和智慧城市、超算中心等需求。 来源: 51CTO 作者: zutuwuan 链接: https://blog.51cto.com/14453848/2483226

vue通信、传值

梦想与她 提交于 2020-03-31 06:07:26
一、通过路由带参数进行传值 ①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等) this .$router.push({ path: '/conponentsB' , query: { orderId: 123 } }) // 跳转到B ②在B组件中获取A组件传递过来的参数 this .$route.query.orderId 二、通过设置 Session Storage缓存的形式进行传递 ①两个组件A和B,在A组件中设置缓存orderData const orderData = { 'orderId' : 123, 'price' : 88 } sessionStorage.setItem( '缓存名称' , JSON.stringify(orderData)) ②B组件就可以获取在A中设置的缓存了 const dataB = JSON.parse(sessionStorage.getItem( '缓存名称' )) 此时 dataB 就是数据 orderData 朋友们可以百度下 Session Storage(程序退出销毁) 和 Local Storage(长期保存) 的区别。 三、父子组件之间的传值 (一)父组件往子组件传值props ①定义父组件,父组件传递 number这个数值给子组件,如果传递的参数很多

Vue通信、传值的多种方式,详解

本秂侑毒 提交于 2020-03-31 06:06:04
Vue通信、传值的多种方式,详解 转自: https://blog.csdn.net/qq_35430000/article/details/79291287 一、通过路由带参数进行传值 ①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等) this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B ②在B组件中获取A组件传递过来的参数 this.$route.query.orderId 二、通过设置 Session Storage缓存的形式进行传递 ①两个组件A和B,在A组件中设置缓存orderData const orderData = { 'orderId': 123, 'price': 88 } sessionStorage.setItem( '缓存名称', JSON.stringify(orderData)) ②B组件就可以获取在A中设置的缓存了 const dataB = JSON.parse(sessionStorage.getItem('缓存名称')) 此时 dataB 就是数据 orderData 朋友们可以百度下 Session Storage(程序退出销毁) 和 Local Storage(长期保存) 的区别。 三