路由

Vue路由

只谈情不闲聊 提交于 2019-12-10 13:48:12
## 什么是路由 1. **后端路由:**对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源; 2. **前端路由:**对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现; 3. 在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由); ## 在 vue 中使用 vue-router 1. 导入 vue-router 组件类库: ``` <!-- 1. 导入 vue-router 组件类库 --> <script src="./lib/vue-router-2.7.0.js"></script> ``` 2. 使用 router-link 组件来导航 ``` <!-- 2. 使用 router-link 组件来导航 --> <router-link to="/login">登录</router-link> <router-link to="/register">注册</router-link> ``` 3. 使用 router-view 组件来显示匹配到的组件 ``` <!-- 3. 使用 router-view 组件来显示匹配到的组件 --> <router-view

学习-angular 7入门

白昼怎懂夜的黑 提交于 2019-12-10 12:34:51
1、安装脚手架: npm install -g @angular/cli 安装之后,输入命令 ng v: Package Version ------------------------------------------------------ @angular-devkit/architect 0.13.3 @angular-devkit/core 7.3.3 @angular-devkit/schematics 7.3.3 @schematics/angular 7.3.3 @schematics/update 0.13.3 rxjs 6.3.3 typescript 3.2.4 2、创建angular项目,命令格式: ng new 项目名称 选择是否需要路由,以及css等. 可以使用 ng new 项目名称 --skip-install ,会跳过安装项目依赖的过程 3、启动项目: ng serve --open 4、创建组件: ng g component components/组件名称 表示在components文件下创建一个组件 5、声名属性 /* 修饰符---合java基本一样 public 默认、protected、private */ public title = "这是一个title属性,lalalaaaa"; mas = "这是一条数据msg";/

05-Vue路由

可紊 提交于 2019-12-10 10:32:53
九. 路由 9.1 路由的介绍 对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源 对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现 在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由) 9.2 路由的基本使用 !!! 第一步要导包 !!! 注意;vue-router.js 依赖于 vue.js 所以要注意顺序 <script src="js/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script> <script src="js/vue-router-3.0.1.js" type="text/javascript" charset="utf-8"></script> html代码: <router-link to="/login" tag="button">登录</router-link> <router-link to="/register" tag="button">注册</router-link> <!-- vue-router 提供的占位符 显示相对应得组件 --> <router

路由算法

走远了吗. 提交于 2019-12-10 08:54:19
路由选择 在多个节点的通信子网中选择一条到达目的节点的最佳路径 1、无连接的数据包服务中: 网络节点腰围每个数据包做出路由选择 2、面向连接的虚电路服务中: 存在专门线路,建立连接时已确定线路,无需额外选择 路由算法 静态路由 动态路由 找到源到目的 汇集树——最优路径 最短路径路由法 距离矢量路由法 链路状态路由法 1、最短路径算法: ——Dijstra算法 2、距离矢量路由法: 别名: Internet中使用的 RIP协议 分布式Bellman-Ford路由算法 步骤: 1、每个节点知道其邻居的距离(跳数和延时),反向其邻居发送路由信息 2、每个节点声明到所有邻居的最短距离 3、每个节点使用收到的向量更新自己的路由表 4、周期性重复上述过程 (为避免无穷计算,RIP协议规定路由的最大METRIC为15跳,大于15跳表示网络不可达) 存在问题: ——“无穷计数”问题 收敛: 整个网络最佳路径的寻找过程称为收敛 好消息反应迅速,坏消息反应迟缓 3、链路状态路由算法(动态路由): 因为距离矢量路由算法的无穷计数问题 ——> 链路状态路由算法 步骤: 1、发现邻居 2、设置链路成本(每条链路从距离或成本度量) 3、构建链路状态包 ————数据包内容包括: 发送方标识符、序号seq、年龄age、邻居列表 4、分发链路状态分组 思路——使用泛洪算法(将链路状态数据包 分发给全部路由器)

Play框架拾遗之一:HTTP路由

爷,独闯天下 提交于 2019-12-10 08:43:59
这系列五篇文章,是我在涮www.playframework.cn的读摘,记录了一下重要能用得着,但是又不太熟悉的内容,根据层次划分了五章。 1、路由语法 Play 支持HTTP中规定的GET/POST/PUT/DELETE/HEAD五个方法,同时也支持WebSocket的调用,如需要匹配多个方法可以用 * ,* 表示接受所有请求方法: * /clients/{id} Clients.show URI也支持多个动态部分,如: /clients/{id}/accounts/{accountId} URI支持正则表达式,如: /clients/{<[0-9]+>id} #只允许接受id为数字的值 /clients/{<[a-z]{4,10}>id} #id是长度为4到10字符的小写单词 在URL中可以指定静态参数,如 GET /pages/home Application.page(id:'home') GET /pages/{id} Application.page //当id = home时,两者配置等价,但是根据优先级,会选前者 2、提供静态资源 Play可以开放指定目录,存放静态资源。如: GET /public/ staticDir:public 也可以开放文件: GET /home staticFile:/public/html/index.html 3、逆向生成URL

通过wireshark分析ARP协议

拟墨画扇 提交于 2019-12-10 08:41:57
什么是地址解析协议:   地址解析协议,即ARP(Address Resolution Protocol),是根据IP地址获取物理地址的一个TCP/IP协议。主机发送信息时将包含目标IP地址的ARP请求广播到局域网络上的所有主机,并接收返回消息,以此确定目标的物理地址;收到返回消息后将该IP地址和物理地址存入本机ARP缓存中并保留一定时间,下次请求时直接查询ARP缓存以节约资源。 实现过程: 同网段:   在同一局域网内,如果主机A要想通过B的IP地址确定其MAC地址并和B进行数据交互,需要按照ARP协议的”广播请求和单播应答”来确定主机B的MAC地址。   假如A表示我本机地址192.168.1.8,B表示192.168.1.2,实现过程为:   1) A先查看自己的ARP高速缓存表中是否有B主机的MAC地址记录。     用arp -a查看发现确实有:    为了便于测试,我先删除:arp -ad 192.168.1.2 (要管理员权限)   2) 如果A的ARP高速缓存表中有B的MAC地址记录,则直接通过这个MAC地址进行数据的传输。   3) 如果A主机的ARP高速缓存中没有B主机的记录,则会向局域网的所有主机广播一个ARP请求报文,寻找B主机的MAC地址。     现在A的arp缓存没有B的记录,ping 一下B:ping 192.168.1.2;    

异地组网调查报告

我的梦境 提交于 2019-12-10 07:40:02
文章目录 1.异地组网 2.两地都有公网IP地址 2.1场景一 2.2场景二 2.3场景三 3.深圳有公网IP 湖南没有 3.1场景一 3.2场景二 4.都没有公网IP 4.1场景一 4.2场景二 4.3场景三 5.相关实现组网软件 5.1 n2n(端口转发性质) 5.2 Zero Tier(P2P,经测试后可以达到上传满带宽) 5.3 frp(p2p) 5.4 tinc vpn 5.5 ddnsto(不适合企业使用) 6.相关硬件设备 1.异地组网 异地组网就是将两个异地的局域网整合到一起形成互通,湖南的设备可以访问到深圳的设备。 2.两地都有公网IP地址 两地使用硬件设备组建VPN隧道来互通(比如:华为防火墙VPN)相对可靠,价格较高。 两地使用软件来互通(OpenVPN,obfsproxy,openswan_IPSEC ). 使用软件需要硬件设备支持,但相较防火墙设备,价格相对低廉。可靠度一般,但随着技术累计,可靠度会提升。 2.1场景一 湖南个别设备访问深圳设备A 在总部路由器配置端口映射即可访问 2.2场景二 湖南的设备需要与深圳的部分设备互联互通 深圳路由器与湖南路由器 建立vpn隧道并配置静态路由即可互通 2.3场景三 3.深圳有公网IP 湖南没有 一方没有公网的情况 深圳方通过硬件或软件自建vpn服务,湖南则通过客户端或者支持客户端的路由器来进行连接。可靠度一般。

LVS原理详解及部署之四:keepalived介绍

若如初见. 提交于 2019-12-10 07:01:18
-------------------LVS专题------------------------ LVS原理详解及部署之一:ARP原理准备 LVS原理详解及部署之二:LVS原理详解(3种工作方式8种调度算法) LVS原理详解及部署之三:手动部署LVS LVS原理详解及部署之四:keepalived介绍 LVS原理详解及部署之五:LVS+keepalived实现负载均衡&高可用 ------------------------------------------------- 之前已经讲解LVS原理,并且介绍了如果手动部署LVS。但由于我们需要进行RS节点服务器的健康检查,还有要做LVS的HA。此文就主要介绍keepalived的原理,并且介绍如何部署keepalived做作为web服务器的HA。本文的目录如下: 一、keepalived原理介绍 二、部署keepalived作为web服务器的HA 三、脚本实现监控httpd服务 一、keepalived原理介绍 1)keepalived简介 Keepalived的功能有点像是两个人互相看着一个工作,如果一个人离开岗位另外一个人就会接替,这个keepalived就是他们之间保持这样“替换机制”的工具。keepalived是一个类似于layer3, 4 & 5交换机制的软件,也就是我们平时说的第3层、第4层和第5层交换

什么是ARP攻击及ARP欺骗的种类

ε祈祈猫儿з 提交于 2019-12-10 06:02:49
什么是ARP ARP(Address Resolution Protocol)是地址解析协议,是一种将IP地址转化成物理地址的协议。从IP地址到物理地址的映射有两种方式:表格方式和非表格方式。ARP具体说来就是将网络层(也就是相当于OSI的网络层)地址解析为数据链路层(也就是相当于OSI的数据链路层)的物理地址(注:此处物理地址并不一定指MAC地址)。 ARP原理:某机器A要向主机B发送报文,会查询本地的ARP缓存表,找到B的IP地址对应的MAC地址后,就会进行数据传输。如果未找到,则广播A一个ARP请求报文(携带主机A的IP地址Ia——物理地址Pa),请求IP地址为Ib的主机B回答物理地址Pb。网上所有主机包括B都收到ARP请求,但只有主机B识别自己的IP地址,于是向A主机发回一个ARP响应报文。其中就包含有B的MAC地址,A接收到B的应答后,就会更新本地的ARP缓存。接着使用这个MAC地址发送数据(由网卡附加MAC地址)。因此,本地高速缓存的这个ARP表是本地网络流通的基础,而且这个缓存是动态的。 什么是ARP欺骗 ARP协议并不只在发送了ARP请求才接收ARP应答。当计算机接收到ARP应答数据包的时候,就会对本地的ARP缓存进行更新,将应答中的IP和MAC地址存储在ARP缓存中。因此,当局域网中的某台机器B向A发送一个自己伪造的ARP应答,而如果这个应答是B冒充C伪造来的

vue-router中$route 和 $router

吃可爱长大的小学妹 提交于 2019-12-10 03:10:09
1.1 $route 表示(当前路由信息对象) 表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 route records(路由记录)。 路由信息对象:即$router会被注入每个组件中,可以利用它进行一些信息的获取。 1 1.$route.path** 2 字符串,对应当前路由的路径,总是解析为绝对路径,如 "/foo/bar"。 3 2.$route.params** 4 一个 key/value 对象,包含了 动态片段 和 全匹配片段, 5 如果没有路由参数,就是一个空对象。 6 3.$route.query** 7 一个 key/value 对象,表示 URL 查询参数。 8 例如,对于路径 /foo?user=1,则有 $route.query.user == 1, 9 如果没有查询参数,则是个空对象。 10 4.$route.hash** 11 当前路由的 hash 值 (不带 #) ,如果没有 hash 值,则为空字符串。锚点 12 5.$route.fullPath** 13 完成解析后的 URL,包含查询参数和 hash 的完整路径。 14 6.$route.matched** 15 数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。 16 7.$route.name 当前路径名字** 17 8.$route