路由

一、概述 我们大家经常会网线连接一个网络（一般是公司内网，用网线的叫有线网吧），WiFi连接一个网络用来上网查资料（一般是外网，这个叫无线网），这两个网络有时会互相干扰，在使用时要互相切换，非常麻烦。下面教大家进行一下网卡设置，一劳永逸地解决它！ 二、操作步骤 1、确认有线网和无线网的IP地址等信息（如果知道就不用看啦~） 方法一：ipconfig windows + R 输入“cmd” ，点击确定 在命令提示符中输入“ipconfig”，回车，即可查看到本机的有线网和无线网IP地址等信息 以图片为例，有线网IP地址：192.168.99.240，子网掩码：255.255.255.0，默认网关：192.168.99.1 无线网IP地址：172.16.16.11，子网掩码：255.255.255.0，默认网关：172.16.16.1 方法二：右键点击桌面右下角WiFi或电脑图标，选择“打开网络和共享中心” 单击以太网或WLAN，查看状态窗口： 依次点击属性-Internet协议版本4（TCP/IPv4），查看IP地址信息： 2、查看路由表 在命令提示符中输入“route print”： 我们主要看IPv4路由表，如果表中有两行网络目标和网络掩码均为0.0.0.0的数据，那么这就是本教程要解决的问题 （0.0.0.0表示任意IP地址，该行数据表示本机通过右侧的网关和接口访问所有IP地址

路由传值 在前端的路由里面，我们在切换路由的时候，也相当于切换了页面，页面与页面之前有时候需要做到传值 ，这个时候就需要进行路由传值，在VueRouter里面，两个路由之间做跳转的时候，如何进行传值呢？ VueRouter的路由传值 VueRouter的路由传值有两种方式 query传值。 类似get传值 传值的路由 this.$router.push({ path: "/login?uname=" + this.userName }); 传值路由第二种写法 this.$router.push({ path: "/login", query: { uname: this.userName } }); 接收值的路由 console.log("接收过来的值为：" + this.$route.query.uname); params传值 。路径变量传值 params路由传值可以把它理解成express路径变量传值 ，它也可以放在地址栏里面进行传递 传值路由第一种写法（还是会将参数显示在地址栏中） this.$router.push({ path: "/login/" + this.userName }); 传值路由的第二种写法（不会将参数显示在地址栏中） this.$router.push({ name: "login", params: { uname: this.userName }

本文来自网易云社区 作者：刘凌阳 前言 公司社区上关于Vue的文章挺少的（少的可怜），不禁为Vue愤愤不平，此文应运而生。 但笔者水平有限，也写不了什么特别高深的东西，只能简单介绍下Vue生态圈，如有不对之处，还望指正。 Vue.js Vue.js是一款极简的 mvvm 框架，如果让我用一个词来形容它，就是“轻巧” 。如果用一句话来描述它，它能够集众多优秀逐流的前端框架之大成，但同时保持简单易用。为什么这么说，因为Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js却一直受到一定程度的关注，而其本身也在高速发展中，不论是生态、社区、资源、插件等等都在日趋壮大。如果您还未曾了解Vue.js的话，建议您阅读 http://cn.vuejs.org/v2/guide/ ，这里有Vue.js正确的食用方法。如果您想在此文中知晓Vue.js核心的话，可能要让您失望了。本文不会介绍Vue.js的语法，模板、组件、API等等，这是一篇介绍Vue.js周边或者说Vue.js生态的文章（当然这要求你对Vue.js有一定程度的了解）。 Vuex 如果说整个生态圈里vue.js作为核心，坐实了老大地位的话，我会把Vuex放在老二的位置。学过React的人都知道Redux 的重要性，而Vuex之于Vue就像Redux之于React。 Vuex 是一个专为

当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分隔功能，轻松实现路由组件的懒加载。 首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve 组件本身)： const Foo = () => Promise.resolve({ /* 组件定义对象 */ }) 　　 第二，在 Webpack 2 中，我们可以使用动态import语法来定义代码分块点 (split point)： import('./Foo.vue') // 返回 Promise 　　 注意： 如果您使用的是 Babel，你将需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。不用的话dev或build会报无法识别语法的错误 用了之后才能像下面这种一样引入来用,简单来说,也就是把上面两步合成一步 const Home = () => import('./Home.vue') 　　 安装 syntax-dynamic-import npm install --save-dev babel-plugin-syntax-dynamic

使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如： import Hello from '@/components/Hello' import Boy from '@/components/Boy' import Girl from '@/components/Girl' 普通加载的缺点： webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，会导致这个文件非常大，加载缓慢 1、require.ensure()实现按需加载 语法： require.ensuire(dependencies:String[],callback:function(require),errorCallback:function(error),chunkName:String) vue中使用： const List = resolve =>{ require.ensuire([],()=>{ resolve(require('./list')) },'list') } ps：会报错，不知道如何解决，知道的朋友还请告知一下，报错内容如下： 2、vue异步组件技术 在router中配置，使用这种方法可以实现按需加载，一个组件生成一个js文件 vue中使用： { path: '/home', name: 'home', component

使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如： import Hello from '@/components/Hello' import Boy from '@/components/Boy' import Girl from '@/components/Girl' 普通加载的缺点： webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，会导致这个文件非常大，加载缓慢 1、require.ensure()实现按需加载 语法： require.ensuire(dependencies:String[],callback:function(require),errorCallback:function(error),chunkName:String) vue中使用： const List = resolve =>{ require.ensuire([],()=>{ resolve(require('./list')) },'list') } ps：会报错，不知道如何解决，知道的朋友还请告知一下，报错内容如下： 2、vue异步组件技术 在router中配置，使用这种方法可以实现按需加载，一个组件生成一个js文件 vue中使用： { path: '/home', name: 'home', component

当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 1. 安装 syntax-dynamic-import 插件 如果在 vue-cli 使用了 babel ，需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。 $ npm install --save-dev @babel/plugin-syntax-dynamic-import 安装完成后，配置文件 babel.config.js module.exports = { "presets": [ "@vue/app" ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" }, "syntax-dynamic-import" ] ] } 2. 修改路由配置 在 router.js 中的组件引用，作如下改动: // import Login from '@/views/users/Login' // import Register from '@/views/users/Register' // import Home

一、简介 IP协议本身没有为终端系统提供直接的方法来发现那些发往目的地址失败的IP数据包。此外，IP没有提供直接的方式来获取诊断信息（例如，哪些路由器在沿途中被使用了或使用一种方法来估计往返时间）。为解决这些不足之处，将一个特殊的Internet控制报文协议（Internet Control Message Protocol,ICMP）与IP结合使用，以便提供与IP协议层配置和IP数据包处置相关的诊断和控制信息。 ICMP通常被认为是IP层的一部分，它需要在所有IP实现中存在。它使用IP协议进行传输。因此，确切地说，它既不是一个网络层协议，也不是一个传输层协议，二是位于两者之间。 ICMP负责传递可能需要注意的差错和控制报文。ICMP报文通常是由IP层本身、上层的传输协议（TCP/UDP等），甚至某些情况下是用户应用触发执行的。请注意， ICMP并不为IP网络提供可靠性，它只是表明了某些类别的故障和配置信息 。最常见的丢包（路由器缓冲区溢出）并不会触发任何的ICMP信息，由其他协议如TCP来处理这种情况。 鉴于ICMP能够影响重要的系统功能操作和获取配置信息，黑客们已经在大量攻击中使用ICMP报文。由于担心这些攻击，网路管理员经常会用防火墙封阻ICMP报文，特别是在边界路由器上。如果ICMP被封锁，大量的诊断程序（例如ping、traceroute）将无法正常工作。 1

在国内，比较主流的服务器接入线路也就那几种，一般至少有二条线路以上，国内的主流运营商线路为分中国电信、中国移动、中国联通，同时能拥有这三条主流线路在国内来说就很不错了。 BGP线路服务器：真正的智能多线是BGP形式；也是目前我公司机房所采用的形式,BGP多线带宽优势：真正的BGP多线互联机房。采用BGP方案来实现双线路互联或多线路互联的机房，我们称为BGP机房。 BPG多线技术: BGP是自治系统间的路由协议，它的主要功能是和其他BGP说话者之间交换网络可达性信息。一个BGP说话者是任何为BGP配置的设备。BGP使用TCP作为它的传输协议(端口179)，这提供了可靠的数据传输。 两个BGP路由器形成了一个传输协议的连接。这两个路由器被称为邻居或者对等体。一旦传输连接形成，两对路由器交换报文以开放并确认连接参数。在这一步，路由器交换BGP版本号、AS号、持续时间、BGP标识和其他可选参数等信息。如果对等体间有任何一个参数不一致，就会有差错通知发送，这个对等体连接就不会建立。 如果对等路由器都同意这些参数，则整个BGP路由表通过UPDATE报文进行交换。UPDATE报文包含了经过每个系统的可达目的地的列表(即网络层可达性信息NLRI)以及每个路由的路径属性。路径属性包含了诸如路由源(ORIGIN)之类的信息和优先权的高低。 BGP线路的优点： 1、服务器只需要设置一个IP地址

看到一篇别人的文章感觉写的不错 就copy过来了 学习源头: https://www.cnblogs.com/yjf512/p/3830750.html aravel是个很强大的PHP框架，它剔除了开发中Web开发中比较痛苦的过程，提供了验证（authentication），路由（routing），Session和缓存（caching）等开发过程中常用到的工具或者功能。 Laravel的配置都存放在app/config中。 里面所有的*.php都按照return的形式返回数据，那么就可以使用Config::get("key")来获取配置。使用Config::set("key", "value") 来赋值配置项 要想使用不同的环境配置，就需要在config下创建对应配置的文件夹。然后它会覆盖对应的配置项。 获取当前的环境是使用App::environment()，判断当前环境是什么是使用：App::environment("local") providers是用来配置对应的服务的，比如： Laravel的请求周期： 1 请求先从public/index.php中进入 2 bootstrap/start.php文件创建app并检测环境 3 内部的 /Illuminate/Foundation/start.php文件配置相关设置并加载服务器 4 加载app/start目录下的文件 5