摘要: keep-alive: Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 与transition 相似,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。 作用: 在组件切换过程中将状态保留在内存中,防止重复渲染DOM, 阅读全文
posted @ 2021-02-17 20:48 腓腓无忧 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 用过vue的都知道,vue中data中定义的数据会随着我们通过方法改变该数据的同时,页面上相关此数据的也会相应的刷新,实现响应式数据。它是如何实现这一功能的? Vue2.xx版本中用Object.defineProperty(obj, prop, descriptor) 可传入三个值,其作用是该方法 阅读全文
posted @ 2021-01-03 18:12 腓腓无忧 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 首先思考这样一个问题:如何从函数外部读取到函数内部的局部变量? 正常情况下,这是办不到的!只有通过变通的方法才能实现。 function f1(){ var a=1; function f2(){ console.log(a); } } 在上面的代码中,f1内部的所有局部变量,对f2都是可见的。但是 阅读全文
posted @ 2021-01-03 14:42 腓腓无忧 阅读(128) 评论(1) 推荐(0) 编辑
摘要: MVVM:Model-View-ViewModel的缩写 Model:数据模型,数据和业务逻辑都放在其中定义 View:视图层,负责数据的展示 ViewModel:同步View与Model的一个对象。因为,数据库结构往往是不能直接跟界面控件一一对应上的,所以,需要再定义一个数据对象专门对应View上 阅读全文
posted @ 2020-12-30 20:04 腓腓无忧 阅读(530) 评论(0) 推荐(0) 编辑
摘要: 柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果。 就是实现一个add方法,使计算结果能够满足如下预期: add(1)(2)(3) = 6;add(1, 2, 3)(4) = 阅读全文
posted @ 2020-12-26 12:20 腓腓无忧 阅读(661) 评论(0) 推荐(0) 编辑
摘要: function deepCopy(originData){ const newData = originData.constructor Array ? [] : {}; // 判断复制的目标是数组还是对象 for(let key in originData){ // 遍历目标 if(origin 阅读全文
posted @ 2020-12-25 12:18 腓腓无忧 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 匿名函数,定时器,自执行函数中this指向window 普通函数直接调用this指向window 事件函数中this指向触发事件的元素 对象中方法中this谁调用的方法this指向谁 构造函数中this指向这个实例 call,apply,bind方法中this指向第一个参数值 严格模式下全局作用域中 阅读全文
posted @ 2020-12-23 16:54 腓腓无忧 阅读(78) 评论(0) 推荐(0) 编辑
摘要: arguments对象只是与数组类似,并不是一个真正意义上的数组,可以把它叫做伪数组。 ECMAScript函数的参数并不介意你传进来多少个参数,以及参数的数据类型;通俗的说,即使你在定义函数时,只设置了两个形参,那么在调用这个函数时,你给他传递一个、二个,或者是四个、五个他都能接收 之所以会这样是 阅读全文
posted @ 2020-12-21 14:18 腓腓无忧 阅读(98) 评论(0) 推荐(0) 编辑
摘要: call,apply,bind为改变this指向的方法 共同点: 第一个参数都为改变this的指针,若第一个参数为null或者undifined,则this指向默认window 区别: call:第二个参数开始都是实参,使用该方法自动执行函数 apply:第二个参数是一个数组格式的参数列表,使用该方 阅读全文
posted @ 2020-12-21 13:22 腓腓无忧 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 先看如下代码: //app.vue <template> <div> <Child> <span>小红</span> </Child> </div> </template>import Child from './child.vue'<script> components:{ Child }</sc 阅读全文
posted @ 2020-12-20 13:39 腓腓无忧 阅读(73) 评论(0) 推荐(0) 编辑