手写demo了解vue响应式原理，订阅模式，观察者模式
Vue2.X响应式原理一.defineProperty 的应用在Vue2.X响应式中使用到了 defineProperty 进行数据劫持，所以我们对它必须有一定的了解，那么我们先来了解它的使用方法把， 这里我们来使用 defineProperty来模拟Vue 中的data<body> <div id="app"></div> <script> // 模拟 Vue的data let data = {
华三H3C交换机如何配置和使用telnet远程登录设备
华三交换机如何配置telnet实验1.交换机桥接到电脑，为交换机配置管理ip，电脑端配置ip给电脑网卡配置ip给交换机配置ip[SW1]inter vlan 1[SW1-Vlan-interface1]ip add 172.16.1.100 24[SW1-Vlan-interface1]qu2.开启telnet，创建用户密码和认证策略。[SW1]telnet server enable[SW1]local-user admin[SW1-luser-manage-admin]passw
原生js以及vue 文件下载
文件下载普通js下载function fileDown(formData, url) { var xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.setRequestHeader('Content-Type', 'application/json;charset=utf8'); xhr.setRequestHeader('bwTicket', $bw.bwUtil.getLocalData('bwTicket')); x
原生上传：input实现上传
input实现上传<input type="file" id="importFile" /><input type="button" @click="submitBt" id="import-submit" value="提交导入文件" /><script>function submitBt() { const formData = new FormData(); const name = $('#importFile').val();
华三H3C交换机如何配置ssh远程密码登录和管理
华三交换机如何配置ssh交换机配置管理地址[SW1]inter vlan 1[SW1-Vlan-interface1]ip add 172.16.1.100 24开启ssh服务并创建密钥[SW1]ssh server enable //开启ssh服务[SW1]public-key local create rsa //创建rsa密钥[SW1]public-key local create dsa //创建dsa密钥创建ssh用户密码[SW1]local-user admin //
一次完整的HTTP事务流程详解
一次完整的HTTP事务流程浏览器进行DNS域名解析，得到对应的IP地址根据这个IP，找到对应的服务器建立连接（三次握手）建立TCP连接后发起HTTP请求（一个完整的http请求报文）服务器响应HTTP请求，浏览器得到html代码（服务器如何响应）浏览器解析html代码，并请求html代码中的资源（如js、css、图片等）浏览器对页面进行渲染呈现给用户服务器关闭TCP连接（四次挥手）过程详解一、DNS解析首先会搜索浏览器自身的DNS缓存（缓存时间比较短，大概只有1分钟，且只能容纳1
Vue 3 传送组件 —— Teleport
使用场景在使用vue的时候我们经常会有这样的需求：希望某个组件内部的dom可以放到全局，而其内部的状态数据之类的又可以在改组件内部控制。比如：我们在某个组件内部写一个弹窗，我们将它放在了我们的模板template里面，但是由于希望弹窗位于页面的最上方，这时候我们将其挂载在body上面是最好控制的，我们能够很好的通过zIndex来控制弹窗的位置，但是该弹窗嵌套在templat里面的时候就不那么容易操作了。Props：**to - string 。 需要 prop，必须是有效的查询选择器或 HTM
华三H3C交换机如何配置堆叠irf虚拟化之三个交换机如何配置IRF堆叠（环形IRF和链形IRF结构）
华三交换机如何用三个交换机配置IRF堆叠（环形和链形结构）一，三个交换机配置环形IRF组网交换机如下图，SWA，SWB，SWC三台交换机环形结构组建IRF，SWA作为Master1.1，SWA配置[SWA]irf member 1 priority 20 //配置优先级为20，确保为master先把FortyGigE 1/0/53 和 FortyGigE 1/0/54关闭[SWA]interface range FortyGigE 1/0/53 to FortyGigE 1/0/54[
在Vue项目中，等待所有请求（方法）完成以后执行操作
使用场景比如一个弹窗需要请求表格跟树组件的数据需要发两个请求，这时我们需要等两个请求完成拿到数据后再去打开弹窗。多个请求axios.all([axios.post("/test1"),axios.post("/test2")]).then((test1,test2)=>{ console.log('两个接口都执行完毕啦')})// 或者这样function getUserAccount() { return axios.get('/user/12345');}funct
华三H3C交换机如何配置堆叠irf虚拟化之如何配置检测机制（配置BFD MAD检测）
华三交换机配置IRF后如何配置检测机制（BFD MAD检测）BFD MAD检测方式现在两交换机已配置IRF，为了防止IRF链路故障导致IRF分裂、使用网络中存在两个配置冲突的IRF，则需要启用MAD检测功能。因为此处成员设备比较少，采用BFD MAD检测方式来监测IRF的状态。一，配置SWA[SWA]irf member 1 priority 32 //配置irf优先级为32，确保能成为Master批量选择需要加入irf的接口，然后shutdown[SWA]interface range F
华为交换机如何配置ssh登录远程管理交换机
华为交换机如何配置ssh登录远程管理交换机如图，配置华为交换机ssh远程登录，先配置交换机的管理地址和vlan，此处为vlan10 ，把接口GE0/0/1划入vlan10，管理地址为192.168.10.100/24，通过桥接到本地电脑网卡。一，配置管理地址和接口vlan[SW1]vlan 10[SW1]interface vlan 10[SW1-Vlanif10]ip address 192.168.10.100 24[SW1]interface GigabitEthernet 0/0/1
vue指令 只能输入正整数保留两位小数 （视图数据都更新）
vue指令 只能输入正整数保留两位小数Vue.directive('onlyNum', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { let ele:any = el.tagName === 'INPUT' ? el : el.querySelector('input') ele.addEventListener("input", function () { //进行验证 onlyNum(el);
如何在华三H3C交换机开启http或web界面远程登录管理
华三交换机开启web界面实验现在很多的华三交换机和路由器默认已经自带了WEB图形界面，只需要电脑配置一个互通的ip地址连接后就能登录到web界面，操作管理起来非常方便。但有时某些是没有开启web界面的，下面就以华三模拟器交换机为例操作配置一下具体步骤。步骤：一，配置电脑端桥接到交换机1.交换机桥接到电脑。2.给电脑网卡配置ip和交换机管理地址同段互通。二，配置交换机端。1.给交换机配置ip管理地址。[H3C]sysn SW1[SW1]inter vlan 1[SW1-Vlan-int
ts中引入js文件以及使用全局js方法报错问题
ts中引入js报错一、 无法找到模块“@/xxx/xxx”的声明文件。“xxx.js”隐式拥有 “any” 类型。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Txigu319-1631930149705)(C:\Users\oyzq\AppData\Roaming\Typora\typora-user-images\1631929576599.png)]解决办法：使用 require引用const { encryptionJump,decryptJump } =
ts写法vue组件内守卫beforeRouteLeave不生效问题
解决办法需要加上下面一行代码Component.registerHooks(['beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate']);然后正常示使用即可beforeRouteLeave(to:any, from:any, next:any) { to.meta.keepAlive = true; next(0);}
自定义时间格式化输出
自定义时间格式化输出描述按所给的时间格式输出指定的时间格式说明对于 2014.09.05 13:14:20yyyy: 年份，2014yy: 年份，14MM: 月份，补满两位，09M: 月份, 9dd: 日期，补满两位，05d: 日期, 5HH: 24制小时，补满两位，13H: 24制小时，13hh: 12制小时，补满两位，01h: 12制小时，1mm: 分钟，补满两位，14m: 分钟，14ss: 秒，补满两位，20s: 秒，20w: 星期，为 [‘日’, ‘一’, ‘
vue-cli3.0 模式以及env环境文件相关配置
环境变量vue-cli-3.0总共提供了四种方式来制定环境变量：在根目录添加.env文件，配置所有情况下都会用到的配置（不知道这个存在的意义，所有的都需要的也就不需要配置了吧）。在根目录添加.env.local 文件，配置所有情况下都会用到的配置，与.env的区别是只会在本地，该文件不会被git跟踪。在根目录添加.env.[mode] 文件，配置对应某个模式下的配置,比如：.env.development来配置开发环境的配置。在根目录添加.env.[mode].local文件，配置对应某个模式下
element-ui中的 slot-scope=“scope“
在表格中嵌套<template slot-scope="scope">，可以获得该表格中每当前行的各种属性<template slot-scope="scope"> <el-button @click.native.prevent="addRow(scope.$index, tableData)" type="text"
element-ui中的 ref的作用
Vue 为简化DOM获取方法提出了ref 属性和$ refs 对象。一般的操作流程是:ref 绑定控件，$refs 获取控件这里把使用ref绑定它，使用refs去调用这个对象的属性等等简洁来说就是方便其绑定后去调用这个对象的具体属性...
element-ui中的对话框中的visible.sync
:visible指的是属性绑定，表示弹框的显示隐藏，当:visible的值为ture的时候，弹框显示，当为false的时候，弹框隐藏后面的.sync是什么意思呢，指的就是同步动态双向的来表示visible的值，当我们关闭窗口的时候，这个弹框隐藏了，visible的值发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定的原则，在vue中统一加上了.sync来表示同步的修改了visible的值。...
今日推荐
周排行