一、前言 本文介绍的内容包括： keep-alive用法：动态组件&vue-router keep-alive源码解析 keep-alive组件及其包裹组件的钩子 keep-...
发简信
IP属地：江苏
-
keep-alive实现原理 -
-
前端单元测试
前端单元测试是什么? 单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，一般来说，要根据实际情况去判定其具体含义，如...
-
Vue现代化使用方法(四)--Vuex
在组件内可以通过data属性共享数据，父子组件也可以通过props进行数据共享，但如果是兄弟跨组件之间的数据共享，就要借助Vuex，Vuex类似大树的主干，各个组件类似一个个...
-
vue实现表格列位置的拖拽
首先我们看下最终的交互效果: 此功能是针对vue项目的表格拖拽,以自定义指令的形式来完成交互的. 主要原理的dom节点的交换; 交互思路: 1.首先要获取当前点击的th,并且...
-
浅谈vue中provide和inject 用法
provide：Object | () => Objectinject：Array | { [key: string]: string | Symbol | Object ...
-
Object.assign()的使用
一、Object.assign()对象的拷贝 二、Object.assign()对象的深拷贝 3、对象的合并 4、合并具有相同属性的对象 5.继承属性和不可枚举属性是不能拷贝...
-
节流和防抖的区别，以及如何实现
防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法 缺点：如果...
-
Vue中 computed、methods和watch的区别
一、computed 和 methods computed是计算属性，methods是方法，都可以实现对 data 中的数据加工后再输出。不同的是 computed 计算属性...
-
理解和使用Promise.all和Promise.race
一、Pomise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结...
-
async与await是什么？
简而言之， async用于申明一个function是异步的；而await则可以认为是 async await的简写形式，是等待一个异步方法执行完成的。 一、async和awa...
-
Promise的基本用法（一）
1.Promise是什么？ Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。 2.Promise的...
-
...new Set([])
new Set实现去重 ...实现解构 let set =new Set(['a','b','c','a']); console.log(set);//Set[3]{'a',...
-
记一次在Vue中使用debounce遇到的坑
Debounce，又称防抖动函数， 常被被用来控制 前端异步请求及其它高耗任务的频率。 概念比较抽象，了解一个业务场景，就很容易理解了。 比如通过搜索过滤一个列表，通过“@c...
-
vue 三个组件之间依次传值（祖孙三代）为什么子组件不可以修改父组件的数据？ vue 单向数据流指的父组件传值给子组件 这个影响是单向的，只能从父组件流向子组件，不能反向 实现组件之间信息通信 props* 父组件...
-
Vue父组件调用子组件事件的两种方法
首先我们要了解$on和$emit vm.$on( event, callback )：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触...