路由 | 易学教程

Vue学习笔记十三：路由的跳转

阅读更多关于 Vue学习笔记十三：路由的跳转

Vue学习笔记十三：路由的跳转 Vue版本：2.5.21 Vue-router版本：3.1.6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>路由的跳转</title> </head> <body>  <div id="app"></div> <script src=

Vue Router路由

阅读更多关于 Vue Router路由

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）：　　 route ：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；　　 routes ：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有数组和对象两种，事实上官方定义routes是一个数组；所以我们记住了，routes表示多个数组的集合；　　 router ：译为路由器，上面都是路由，这个是路由器，我们可以理解为一个容器包含上述两个或者说它是一个管理者，负责管理上述两个；举个常见的场景的例子：当用户在页面上点击按钮的时候，这个时候router就会去routes中去查找route，就是说路由器会去路由集合中找对应的路由；详细描述请参考官方文档 https://router.vuejs.org/zh/guide/essentials/nested-routes.html 安装和引用 npm install --save vue-router 在安装脚手架之后就生成了router/index.js 修改router

小米mini路由 PandoraBox下载地址

阅读更多关于小米mini路由 PandoraBox下载地址

小米mini路由 PandoraBox下载地址 http://downloads.openwrt.org.cn/PandoraBox/Xiaomi-Mini-R1CM/stable/ 下载下来的写是2015年的了。没什么人更新了。但感觉wifi桥接功能很稳定。 7M和10M版本，建议选7M，虽然里头有很多参数需要自己手动选。但起码参数多点选择来源： CSDN 作者： hu5566798 链接： https://blog.csdn.net/hu5566798/article/details/104565082

react--路由

阅读更多关于 react--路由

1、路由的安装 cnpm install react-router-dom -S 2、路由的方式 HashRouter: 带hash值的router vue hash BrowserRouter: 不带hash值的router vue history 注意： 1、路由的配置项必须在HashRouter、BrowserRouter内部做配置 2、HashRouter、BrowserRouter内部只能拥有一个子元素 3、路由配置项常用的组件 4、Route 作用:当路径匹配成功以后，渲染相对应的组件属性： path: 组件所对应的路径 component:需要渲染的组件 (组件渲染的方式) render:需要渲染的组件 (组件渲染的方式) exact:路径完全匹配 5、路由跳转的方式 1、link 2、NavLink 属性： activeStyle activeClassName 6、路由嵌套 7、路由渲染的方式 render:组件标签形式 1、不仅可以渲染组件而且还可以渲染标签 2、可以进行组件传值以及逻辑判断 3、render渲染的组件默认是没有history location match 这三个属性的如果需要使用必须经过传递给组件 component:组价名称 1、只能渲染组件 2、凡是通过component进行组件渲染的当前组件的props 中就有多三个属性

【总结】远程登路由器局域网内电脑

阅读更多关于【总结】远程登路由器局域网内电脑

　　PS：最近突然想着平时上班家里的网都没有人用，所以像找个办法能在上班时也能控制家里的电脑（浪费带宽是可耻的，哈哈），以前用的是teamviewer，功能挺强大的，但是它有点不好的就是，频繁链接，teamviewer容易崩溃，一旦程序崩了，远程连接就连不上了，当然也是其它远程连接软件的通病。所以在网上找了使用windows自带的远程桌面的使用方法。　　原理：因为远程计算机在局域网内，路由器使用的ADSL链接方式，ip地址为自动获取（没有固定ip），所以直接访问广域网的ip是找不到内网计算机的，使用的方法是端口映射，这里主要介绍的就是几中不同情况下的端口映射的设置方式。　　远程桌面连接分为客户端设置和服务器端设置。这里客户端和服务器端都使用的Win7系统（这里插段题外话，xp到2014年4月8日将停止服务，包括补丁的更新等，这时再用xp系统连接互联网就比较危险了，一旦xp再被发现系统漏洞，即使安装有其它安全厂商的防护软件，比如金山卫士、360卫士、瑞星等也没用，因为windows系统是不开源的，安全厂商是修复不了系统内核的漏洞的，我们以前看到的发布的补丁都是来源于微软的，所以以后估计不会用xp了），Win7系统都默认安装有远程连接组件的。路由器设置　　路由器主要是设置端口映射的。进入路由器后选择“转发规则”->“虚拟服务器”->“添加新条目”（这里使用的是TP

KeepAlived高可用性集群简介

阅读更多关于 KeepAlived高可用性集群简介

我们之前都是一个调度器来调度多台web后端服务器但是调度器也有不能工作的时候，完一坏了所有的web服务器都不能访问，这就要求调度器也要备份因此就引出了高可用的集群KeepAlived 也就是有多个调度器（有主有备），利用keepalived保证web服务通过正常的调度器工作所有调度器同时宕机的可能性是很小的 1.keepalived的基本概念 Keepalived是Linux下的一个轻量级别的高可用解决方案高可用（High Avalilability，HA），其实两种不同的含义：广义上来讲，是指整个系统的高可用性，狭义上来讲就是主机的冗余和接管 Keepalived起初是为LVS设计的，专门用来监控集群系统中的各个服务的节点的状态它根据TCP/IP参考模型的第三，第四，第五层交换机制检测每个服务器的节点状态如果某个服务器出现异常，或者工作出现故障，keepalived将检测到，并将出现故障的服务器节点从集群系统中剔除这些工作都只自动完成的，不需要人为干预，需要人工完成的只是修复出现故障的服务节点也就是可以使用keepalived可以实现调度器的转换后来keepalived又加入了VRRP的功能 VRRP（Virtual Router Redundancy Protocol）虚拟路由冗余协议出现的目的是解决静态路由出现单点故障的问题

RIP认证与版本兼容性问题

阅读更多关于 RIP认证与版本兼容性问题

路由信息协议（Routing Information Protocol，缩写：RIP），是一种使用最广泛的内部网关协议（IGP），属于网络层，一种在网关与主机之间交换路由选择信息的标准。它可以通过不断的交换信息让路由器动态的适应网络连接的变化，这些信息包括每个路由器可以到达哪些网络，这些网络有多远等。 RIP协议有以下特点：（1）RIP是内部网关协议，使用的是距离矢量算法。（2）RIP主要有三个版本： RIPv1：RIPv1使用分类路由，在它的路由更新(Routing Updates)中并不带有子网的资讯，因此它无法支持可变长度子网掩码。这个限制造成在RIPv1的网络中，同级网络无法使用不同的子网掩码。另外，它也不支持对路由过程的认证，使得RIPv1有一些轻微的弱点，有被***的可能。 RIPv2：因为RIPv1的缺陷，RIPv2在1994年被提出，将子网络的资讯包含在内，通过这样的方式提供无类别域间路由，不过对于最大节点数15的这个限制仍然被保留着。针对安全性的问题，RIPv2通过加密达到认证效果。 RIPng：主要是针对IPv6做一些延伸的规范。 RIPng 没有更新认证。（3）RIP协议以跳数作为网络度量值。（4）RIP协议采用广播或组播进行通信，其中RIPv1只支持广播，而RIPv2除支持广播外还支持组播。（5）RIP协议支持主机被动模式

react-router中的路由钩子使用

阅读更多关于 react-router中的路由钩子使用

在react项目中使用react-router的时候，经常遇到需要使用路由钩子的情况。路由钩子的使用主要是两种情况：一是进入路由二是离开路由而路由钩子的使用也有两种情况。注：本博客只适用于react-router v3版本第一种：onEnter 和 onLeave onEnter可以指定一个函数，它会在进入这个路由的时候执行这个函数 onLeave指定的函数会在离开路由的时候执行 const enterTab = () => { console.log('进入路由做一些事情，嘿嘿嘿') }const leaveTab = () => { console.log('要离开路由了')} <Router history={browserHistory}> <Route path='/' component={App}> <Route path='map' component={Map} onEnter={enterTab.bind(this)} onLeave={leaveTab.bind(this)}></Route> </Route> </Router> 不过这种路由钩子只能在定义路由的时候使用，要想在组件内部控制路由钩子就需要第二种用法第二种：react-router的内置高阶组件withRouter 可以通过高阶组件withRouter对当前组件进行‘升级’

初识华为设备和基本命令

阅读更多关于初识华为设备和基本命令

1.1 华为简介华为于1987年成立于中国深圳。在30年的时间里，华为全体员工付出艰苦卓绝的努力，以开放的姿态参与到全球化的经济竞争中，逐步发展成一家业务遍及全球170多个国家和地区的全球化公司。华为约有18万名员工，服务全世界三分之一以上的人口，是世界500强企业。华为是全球领先的信息与通信技术（Information and Communications Technology，ICT）解决方案供应商，专注于ICT领域，坚持稳健经营，持续创新，开放合作，在电信运营商、企业、终端和云计算等领域构筑了端到端的解决方案优势，为运营商客户，企业客户和消费者提供有竞争力的ICT解决方案、产品和服务，并致力于使能未来信息社会，构建更美好的全联接世界。华为在全球拥有15个研究院/所、36个联合创新中心，约8000名研发人员，在全球范围开展创新合作，华为创新研究计划（Huawei Innovation Research Program，HIRP）覆盖全球20多个国家，300多所高校，资助超过1200个创新研究项目，累计获得专利授权62519个，90%以上为发明专利。华为的网络产品主要有高端路由器、核心交换机、SDH系列等，主要是面向核心网络和传输网络，客户群以运营商，金融等大客户为主。华为的产品线目前华为网络产品线有路由器、交换机、防火墙。 - 路由器

VUE路由继续改进

阅读更多关于 VUE路由继续改进

为了学习嵌套路由，我们将原来的路由器给抽取出来！抽取成一个单独的目录： index.js import Vue from 'vue' import VueRouter from "vue-router" Vue.use(VueRouter); let routes = [ { path:"/foo", component:()=>import("../views/Foo.vue") },{ path:"/bar", component:()=>import("../views/Bar.vue") },{ path:"/dynamic/:id", component:()=>import("../views/Dynamic.vue") } ]; // 路由器 (路由器中有路由列表) const router = new VueRouter({ routes }); // 到处路由器 export default router; 这样一抽取，main.js 瞬间整洁了很多！ ———————————————————————————————————————————————— 上面做出调整，主要是为了测试嵌套路由！上面是我从官网抄来的，我们照着它写就行了我准备给Bar组件添加连个子组件 1，配置路由列表 { path:"/bar", component:Bar, children:[

订阅路由