随笔小记_2019.03

 

7、容灾概述

容灾系统是指相隔较远的异地，建立两套或多套功能相同的IT系统，互相之间可以进行健康状态监视和功能切换，当一处系统因意外停止工作是，整个系统可以切换到另一处，使得该系统功能可以继续工作。容灾技术是系统高可用性技术的一个组成部分，容灾技术是高可用性技术的一个组成部分，容灾系统更加强调处理外界环境对系统的影响，特别是灾难性事件对整个IT节点的影响，提供节点级别的系统恢复功能。

 

6、js原型链

js具有存储变量，执行程序在当前作用域下查找变量，若找不到，继续向上查找，知道全局作用域，若仍找不到，查找失败。

 

5、event 、dom 大小位置属性，仅限chrome

链接：https://blog.csdn.net/iceice_L/article/details/90902485

 

4、js  onmouseover  onmouseout 多次触发

解决：触发弹出元素宽度过大，鼠标未移动，事件在 onmouseover onmouseout 中死循环，造成元素闪现闪退效果。

周边：

onmouseover  onmouseout      经过时自身触发事件，经其子元素也触发该事件；

onmouseenter  onmouseleave 经过时自身触发事件，经其子元素不触发该事件。

 

3、vue  mixins

混入，包含组件选项，当组件使用混入对象，混入对象的所有选项将合并到组件中，来分发vue组件中可复用功能。

export const  myMixin = {
  data() {
    return {
     message: ''
    };
  },
  methods: {
    fn () {}
  }
};

import { myMixin } from 'myMixin'
export default {
  mixins: [myMixin]
}

 

2、referrer策略与防盗链

可以利用Referrer实现防盗链，判断Referrer是否是指定域名，可以访问服务器，例如只允许指定网页访问设置的图片服务器。

链接：https://blog.csdn.net/iceice_L/article/details/88210013

 

1、实现图片上传前预览功能，element-UI  Upload 组件绑定 on-change函数，触发事件后没有 file.url 属性

let blob=file.raw;
let blobUrl=URL.createObjectURL(blob);
this.formData.monitorPic = blobUrl;