02 2023 档案
摘要：vue通过原型拦截的方式重写了数组的7个方法，首先获取到这个数组的Observer。如果有新的值，就调用observeArray对新的值进行监听，然后调用notify，通知render watcher，执行update 核心：arrayMethods 首先继承了 Array，然后对数组中所有能改变数
阅读全文
摘要：首先要知道vue2 是2013年 基于 ES5开发出来的 我们常说的重渲染就是重新运行render函数 vue2响应式原理简单来说就是vue官网上的这图片 通过 Object.defineProperty 遍历对象的每一个属性，把每一个属性变成一个 getter 和 setter 函数，读取属性的时
阅读全文
摘要：validateField 有些时候我们只需要验证表单中的部分字段,其他字段不需要，这时候我们就需要用validateField函数了,注意,这里有几个坑大家别踩了首先，我们得知道，使用validateField部分校验数组的时候，数组有几位，就会回调几次。当也就是空的时候，表示验证通过，回调返回为
阅读全文
摘要：一、简介 v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定. 二、表单实现双向绑定 1. 原理 分两步骤 v-bind绑定一个value属性 v-on指令给当前元素绑定input事件 可看出v-model绑定在表单上时，v-model其实就是v-bind绑定value和v-on
阅读全文
摘要：query和params传参的时候，每一个参数应该以字符串形式传入，如果传一个对象，会被强制准转换为字符串[object Object],点击进入路由可以获取对象的值，但是刷新页面会导致获取不到对象值。我们可以通过JSON.stringify()解决问题
阅读全文
摘要：1.结论 key在Vue是DOM对象的标识；进行列表展示时，默认key是index；如果数据只做展示使用，使用index作为key是没有任何问题的；如果使用index作为key，而后续操作会破坏顺序，一定会带来效率问题，严重时会渲染出错误的DOM 2. key的作用 key就是一个标识，被使用在Vu
阅读全文
摘要：1. 什么是虚拟dom？ 虚拟dom本质上是一个js对象，用来描述视图的界面结构，在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这意味着每个组件都对应着一颗虚拟dom树 2. 为什么需要虚拟dom？在vue中，渲染视图会调用render函数，这种渲染不仅
阅读全文
摘要：Vue的生命周期Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、
阅读全文
摘要：定义 （1）由于 JavaScript 允许函数有不定数目的参数，所以需要一种机制，可以在函数体内部读取所有参数。这就是arguments对象的由来。 （2）arguments对象包含了函数运行时的所有参数，arguments[0]就是第一个参数，arguments[1]就是第二个参数，以此类推。这
阅读全文
摘要：this的概念： 在js中，this是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window 有以下六点： 1.单独使用 this，它指向全局(Global)对象。
阅读全文
摘要：深拷贝和浅拷贝 浅拷贝： 浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。 可以使用 for in、 Object.assign、 扩展运算符 ... 、Array.prototype.slice()、Array.prot
阅读全文
摘要：方法一： resolve会返回一个跳转路由对象 if (id && orgCode) { let text = this.$router.resolve({ path: path, query: { id: id, orgCode: orgCode } }); console.log(" text
阅读全文
摘要：DOM 获取元素偏移量、元素尺寸以及可视窗口尺寸 1. 获取元素对象var o_text = document.getElementById(‘id名称’);//返回：这个元素 或 nullvar o_text = document.getElementsByClassName(‘类名’);//返回
阅读全文
