bind

1. Vue 实例 1.1 创建一个Vue实例 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。demo 1.2 数据与方法 数据的响应式渲染 当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。(注意的是只有当实例被创建时 data 中存在的属性才是响应式的。) 使用 Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。demo 实例属性与方法 除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。demo 1.3 实例生命周期钩子 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed 8个声明周期 生命周期钩子的 this 上下文指向调用它的 Vue 实例

所谓的熔断机制和日常生活中见到电路保险丝是非常相似的，当出现了问题之后，保险丝会自动烧断，以保护我们的电器， 那么如果换到了程序之中呢？ 当现在服务的提供方出现了问题之后整个的程序将出现错误的信息显示，而这个时候如果不想出现这样的错误信息，而希望替换为一个错误时的内容。 一个服务挂了后续的服务跟着不能用了，这就是雪崩效应 对于熔断技术的实现需要考虑以下几种情况： · 出现错误之后可以 fallback 错误的处理信息； · 如果要结合 Feign 一起使用的时候还需要在 Feign（客户端）进行熔断的配置。 一、基于ribbon的Hystrix 基本配置 1、复制项目重命名为springcloud-moveServer-hystrix修改调用方 pom.xml 配置文件，追加 Hystrix 配置类： < dependency > < groupId > org.springframework.cloud </ groupId > < artifactId > spring-cloud-starter-hystrix </ artifactId > </ dependency > 2.修改程序 controller package com.pupeiyuan.controller; import java.util.ArrayList; import java.util.List;

看这篇文章之前可以先了解之前的跟踪流程， https://www.jianshu.com/p/4934233f0ead 代码过宽，可以 shift + 鼠标滚轮 左右滑动查看 这篇文章主要跟踪spring配置文件中component-scan标签，查看它是怎样被解析扫描生成对应的beanDefinition。 在applicationContext.xml中做以下配置： <!-- 启动组件扫描，排除@Controller组件，该组件由SpringMVC配置文件扫描 --> <context:component-scan base-package="cn.mrdear"> <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller" /> <context:exclude-filter type="annotation" expression="org.springframework.web.bind.annotation.RestController" /> </context:component-scan> 以DefaultBeanDefinitionDocumentReader类中的parseBeanDefinitions方法作为开始，向下跟踪。

1.客户端向服务端发送 #coding:utf-8 '''客户端''' import socket khd=socket.socket() #声明socket类型，同时生产socket连接对象 khd.connect(('localhost',2345)) #连接 khd.send('应用') data=khd.recv(1024) print("recv:",data) khd.close() #coding:utf-8 '''服务端''' import socket fuwud=socket.socket() #（）内不写东西的话，代表第一个地址簇AF.INET fuwud.bind(('localhost',2345)) #绑定要监听端口 fuwud.listen(5) #监听 print"等待中。。。。" conn,addr=fuwud.accept() #等数据进来 #conn就是客户端连过来而在服务端为其生成的一个连接实例，连接标志。addr对方的地址addr对方的地址 print conn,addr print'开始了！' data=conn.recv(1024) print "recv:",data conn.send(data.upper()) fuwud.close() 先运行服务端再运行客户端 结果： 等待中。。。。 <socket._socketobject

import socket import sys while True : r = socket.socket(socket.AF_INET , socket.SOCK_RAW , socket.getprotobyname( 'ICMP' )) r.settimeout( 5 ) if sys.platform == 'win32' : # windows 对 raw socket 有限制，需要 bind 一个地址 # https://docs.microsoft.com/en-us/windows/win32/winsock/tcp-ip-raw-sockets-2 r.bind(( "127.0.0.1" , 0 )) r.ioctl(socket.SIO_RCVALL , socket.RCVALL_ON) try : packet , address = r.recvfrom( 1024 ) ipHeaderPacket = packet[ 0 : 20 ] sourceIp = "%d.%d.%d.%d" % (ipHeaderPacket[ 12 ] , ipHeaderPacket[ 13 ] , ipHeaderPacket[ 14 ] , ipHeaderPacket[ 15 ]) icmpHeaderPacket = packet[ 20 : 28 ]

vue常用指令 vue.js官方给自己的定义是数据模板引擎,并给出了一套渲染数据的指令.本文详细介绍vue.js的常用指令. 官网: 点我 一.v-text、v-html v-text：用于绑定文本 v-html：用于绑定html < div id ="app" > < p > 姓名： < label v-text ="Name" ></ label ></ p > < p > 姓名：{{Name}} </ p > < div v-html ="Age" > 年龄: </ div > </ div > < script > new Vue({ el: " #app " , data: { Name: " corn " , Age: " <label>20</label> " } }) </ script > =======================> 姓名:corn 姓名:corn 20 1.{{Name}}这种写法和v-text的作用是相同的,用于绑定标签的text属性,如果标签没有text属性,该绑定会失效,比如在一个文本框上面使用v-text时没有效果的. 2.从结果看出,v-html绑定后会覆盖原来标签标签里面的内容,此处是覆盖,而并非append. 3.对于v-html应用时要慎重,在网站上会动态渲染任意html有一定的危险存在,因此容易导致XSS跨站脚本攻击

引用vue.js文件 < script src ="https://unpkg.com/vue/dist/vue.js" ></ script > Vue.js常用指令 v-if v-if指令可以根据表达式的值在DOM中生成或移除元素 <div id="xiu"> <p v- if ="kang">修抗</p> </div> <script> new Vue({ el: '#xiu' , data: { kang: true } }) </script> v-show v-show指令可以根据表达式的值在DOM中隐藏或显示元素 如果隐藏的话，会在元素中添加一个内联样式：style="display:none" <div id="xiu"> <p v-show="kang">修抗</p> </div> <script> new Vue({ el: '#xiu' , data: { kang: false } }) </script> v-show指令有更高的初始渲染消耗，需要频繁切换时使用 v-if指令有更高的切换消耗，运行时条件不太可能改变时使用 v-else v-else指令为false时可以显示表达式的值 v-else指令需要和v-if指令一起使用 <div id="xiu"> <P v- if ="ok"> true </P> <p v- else ="ok"> false

一、Vue起步 Vue：构建用户界面的渐进式框架。 1.helloworld < div id ="app" > {{content}} </ div > 原生方法： <script> var dom = document.getElementById('app' ); dom.innerHTML = 'helloworld' ; </script> Vue 方法： <script> // 创建Vue实例 var app = new Vue({ // el项 ：Vue实例接管的区域 el: "#app" , // 定义数据 data: { content: "helloworld!" } }); </script> 2.两秒后修改文字 < div id ="app" > {{content}} </ div > 原生方法： var dom = document.getElementById('app' ); dom.innerHTML = 'helloworld' ; setTimeout( function () { dom.innerHTML = 'byeworld' ; }, 2000) Vue 方法： var app = new Vue({ el: "#app" , data: { content: "helloworld!" } }); setTimeout(

雪崩效应 在微服务架构中，由于服务众多，通常会涉及多个服务层级的调用，而一旦基础服务发生故障，很可能会导致级联故障，进而造成整个系统不可用，这种现象被称为服务雪崩效应。服务雪崩效应是一种因“服务提供者”的不可用导致“服务消费者”的不可用,并将这种不可用逐渐放大的过程。 比如在一个系统中， A作为服务提供者，B是A的服务消费者，C和D又是B的服务消费者。如果此时A发生故障，则会引起B的不可用，而B的不可用又将导致C和D的不可用，当这种不可用像滚雪球一样逐渐放大的时候，雪崩效应就形成了。 熔断器（CircuitBreaker） 熔断器的原理很简单，如同电力过载保护器。它可以实现快速失败，如果它在一段时间内侦测到许多类似的错误，就会强迫其以后的多个调用快速失败，不再访问远程服务器，从而防止应用程序不断地尝试执行可能会失败的操作，使得应用程序继续执行而不用等待修正错误，或者浪费CPU时间去等到长时间的超时产生。熔断器也可以使应用程序能够诊断错误是否已经修正，如果已经修正，应用程序会再次尝试调用操作。熔断器模式就像是那些容易导致错误的操作的一种代理。这种代理能够记录最近调用发生错误的次数，然后决定使用允许操作继续，或者立即返回错误。熔断器是保护服务高可用的最后一道防线。 Hystrix特性 1.断路器机制 断路器很好理解, 当Hystrix Command请求后端服务失败数量超过一定比例

实验架构： 192.168.0.92 服务端 192.168.0.93 客户端 1 、服务端配置： 安装NFS和rpc 安装nfs服务 yum install -y rpc-bind nfs- utils 安装rpc服务 yum install - y rpcbind 启动服务和设置开启启动 systemctl start rpcbind systemctl enable rpcbind systemctl start nfs - server systemctl enable nfs - server 配置共享文件目录 [root@localhost /] # mkdir /public cat >/etc/exports<< EOF /data/lys/ 192.168.0.0/24 (rw,no_root_squash,no_all_squash,sync) EOF 重新加载NFS服务，使配置文件生效 [root@localhost /] # systemctl reload nfs 查看 RPC 服务的注册状况 [root@bogon lys] # rpcinfo -p localhost 测试一下是否可以联机 [root@test2 ~] # showmount -e localhost Export list for localhost: /public 192.168