alive

一、对于MVVM的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View ViewModel 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel 二、Vue的生命周期 beforeCreate （创建前） 在数据观测和初始化事件还未开始 created （创建后） 完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来 beforeMount （载入前） 在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。 mounted （载入后） 在el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用。实例已完成以下的配置：用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程中进行ajax交互。 beforeUpdate （更新前） 在数据更新之前调用

跨域资源共享( CORS 不同的域、协议或端口 请求一个资源时，资源会发起一个 跨域 HTTP 请求 。 Fetch Web 字体 (CSS 中通过 因此，网站就可以发布 TrueType 字体资源，并只允许已授权网站进行跨站调用 。 WebGL 贴图 drawImage CSSOM ） 和 HTTP 认证相关数据）。 CORS 预检请求 。本文称这样的请求为“简单请求”。 若请求满足所有下述条件，则该请求可视为“简单请求”： 使用下列方法之一： Fetch 规范定义了 对 CORS 安全的首部字段集合 ，不得人为设置该集合之外的其他首部字段。该集合为： Accept Accept-Language Content-Language DPR Downlink Save-Data Viewport-Width Width text/plain multipart/form-data application/x-www-form-urlencoded 请求中的任意 XMLHttpRequestUpload XMLHttpRequestUpload 注意: var invocation = new XMLHttpRequest(); var url = 'http://bar.other/resources/public-data/'; function callOtherDomain(

让多个组件使用同一个挂载点，并动态切换，这就是动态组件。 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实现动态组件。 <div id = "example" > <button @ click = "change" > 切换页面 </button> <component : is = "currentView" ></component> </div> <script> var home = { template : '<div>我是主页</div>' }; var post = { template : '<div>我是提交页</div>' }; var archive = { template : '<div>我是存档页</div>' }; new Vue ({ el : '#example' , components : { home , post , archive , }, data :{ index : 0 , arr :[ 'home' , 'post' , 'archive' ], }, computed :{ currentView (){ return this . arr [ this . index ]; } }, methods :{ change (){ this . index = (++ this . index

keep-alive keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素 <keep-alive> <loading></loading> </keep-laive> 当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行 被包裹在keep-alive中的组件的状态将会被保留，例如我们将某个列表类组件内容滑动到第100条位置，那么我们在切换到一个组件后再次切换回到该组件，该组件的位置状态依旧会保持在第100条列表处 作者：羊烊羴 链接： https://www.jianshu.com/p/4b55d312d297 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 来源： https://www.cnblogs.com/whyaza/p/11732677.html

keep-alive： 主要用于 保留组件状态 或 避免重新渲染 。 比如： 有一个 列表页面 和一个 详情页面 ，那么用户就会经常执行打开 详情=>返回列表=>打开详情 这样的话 列表 和 详情 都是一个 频率很高 的页面，那么就可以 对列表组件 使用 <keep-alive></keep-alive> 进行缓存，这样用户每次 返回列表 的时候，都能 从缓存中快速渲染 ，而 不是重新渲染 。 1、属性： include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude： 字符串或正则表达式。任何匹配的组件都不会被缓存。 2、用法： 包裹 动态组件 时，会 缓存 不活动的组件实例，而 不是销毁 它们。和 <transition> 相似， <keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 <!-- 基本 --> <keep-alive> <component :is="view"></component> </keep-alive> <!-- 多个条件判断的子组件 --> <keep-alive> <comp-a v-if="a > 1"></comp-a> <comp-b v-else></comp-b> </keep-alive> <!-- 和 `<transition>` 一起使用 --> <transition

1.限制ip访问： 白名单 allow 127.0.0.1；##允许127.0.0.1访问 deny all；##其他ip全部拒绝 黑名单 deny 127.0.0.1；##拒绝这个ip访问 deny 1.1.1.1；##拒绝访问 配置 allow 127.0.0.1; ##允许这个ip访问 allow 192.168.222.0/24; ##允许这个网段访问 deny all; ##剩下全部拒绝 测试 # curl -x127.0.0.1:80 bbs.centos.com -I ##127.0.0.1可以访问 HTTP/1.1 200 OK Server: nginx/1.17.0 Date: Sun, 13 Oct 2019 05:03:38 GMT Content-Type: text/html; charset=utf-8 Connection: keep-alive X-Powered-By: PHP/7.3.0 Set-Cookie: d0iK_2132_saltkey=h6XT6j4q; expires=Tue, 12-Nov-2019 05:03:38 GMT; Max-Age=2592000; path=/; HttpOnly Set-Cookie: d0iK_2132_lastvisit=1570939418; expires=Tue, 12-Nov-2019

程序员对于异常（Exception）这个词应该都不陌生，尤其现在Exception基本上是OOP编程语言的标配。于我而言，这个词既熟悉又陌生，熟悉是因为听过了很多遍、似乎也有大量使用；陌生是因为很少真正思考过到底什么是异常，以及如何使用异常。本文记录我对如何使用异常、自定义异常的一些看法，不一定正确，还请多多指教。 本文地址： https://www.cnblogs.com/xybaby/p/11645885.html 什么是异常 异常是错误处理的一种手段： exception handling is an error-handling mechanism 上述定义中的error是广义的error，任何代码逻辑、操作系统、计算机硬件上的非预期的行为都是error。并不是Java语言中与Exception对立的Error（Java中，Error和Exception是有区别的，简而言之，Error理论上不应该被捕获处理，参见 Differences between Exception and Error ）,也不是golang中与panic对立的error。 在编程语言中，对于error的分类，大致可以分为Syntax errors、Semantic errors、Logical errors，如果从error被发现的时机来看，又可以分为Compile time errors

Rules: 1，Any live cell with fewer than two live neighbors dies, as if caused by under-population. 2，Any live cell with two or three live neighbors lives on to the next generation. 3，Any live cell with more than three live neighbors dies, as if by over-population.. 4，Any dead cell with exactly three live neighbors becomes a live cell, as if by reproduction. My Code As Follows: 1 #include<iostream> 2 #include<vector> 3 #include<fstream> 4 #define ALIVE 1 //存活 5 #define DEAD 0 //死亡 6 #define MAXROW 5 //最大行 7 #define MAXCOL 5 //最大列 8 using namespace std; 9 using Mat = vector<vector<int>>; 10 void

让多个组件使用同一个挂载点，并动态切换，这就是动态组件。 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实现动态组件。 方式一：局部注册所需组件 <div id="example"> <button @click="change">切换页面</button> <component :is="currentView"></component> </div> <script> var home = {template:'<div>我是主页</div>'}; var post = {template:'<div>我是提交页</div>'}; var archive = {template:'<div>我是存档页</div>'}; new Vue({ el: '#example', components: { home, post, archive, }, data:{ index:0, arr:['home','post','archive'], }, computed:{ currentView(){ return this.arr[this.index]; } }, methods:{ change(){ this.index = (++this.index)%3; } } }) </script> 使用<keep-alive>缓存 <keep

1. Retained消息 Retained 消息是指在 PUBLISH 数据包中 Retain 标识设为 1 的消息，Broker 收到这样的 PUBLISH 包以后，将保存这个消息，当有一个新的订阅者订阅相应主题的时候，Broker 会马上将这个消息发送给订阅者。有以下这些特点： 一个Topic只能有一条Retained消息，发布新的Retained 消息将覆盖老的 Retained 消息（所以想删除一个 Retained 消息也很简单，只要向这个主题发布一个 Payload 长度为 0 的 Retained 消息就可以了）； 如果订阅者使用通配符订阅主题，它会收到所有匹配的主题上的 Retained 消息； 只有新的订阅者才会收到 Retained 消息，如果订阅者重复订阅一个主题，也会被当做新的订阅者，然后收到 Retained 消息； Broker 收到 Retained 消息后，会单独保存一份，再向当前的订阅者发送一份普通的消息（Retained 标识为 0）。当有新订阅者的时候， Broker 会把保存的这条消息发给新订阅者（Retained 标识为 1）。 Retained消息和持久性会话的区别： Retained消息是Broker为每一个Topic单独存储的； 持久性会话是Broker为每一个Client单独存储的 1.1. 代码实践