- 博客(6)
- 收藏
- 关注
原创 Vue中v-for的就地更新,key的作用
v-for就地更新:如果循环中添加或删除数据,数据的更新。Vue默认更新:类似于按照index对比的依次对比,如果数组中间添加一条数据,添加的数据得到的是之前数据的索引,vue默认会把原来的值赋值给新添加的数据,因为索引(位置)一样。之后数据因为索引发生改变,所以全部都会改变:key的作用:更改vue默认更新对比方式。 :key="按什么之查找对比",id是不会重复的,一般用id查找(唯一的标识),这样如果在中间新添加一条数据,就会按照id去对比,所以只会在中间添加了一条数据,后面的值因为id还是.
2021-10-15 18:09:39
577
原创 本地储存 localstorage 对比 cookie
localstorage 对比 cookie 1、存储方式和数据大小 localStorage 基于磁盘 最大存储 5MB cookie 基于磁盘 最大存储 4KB 2、谁来操作 localstorage 只能客户端操作 js完成 cookie 客户端 + ...
2021-10-13 16:08:45
354
原创 闭包函数详解
什么实闭包?在JiavaScript中,根据词法作用域的规则,内部函数总是可以访问其外部函数中声明的变量,当通过调用一个外部函数返回一个内部函数后,即使外部函数已经执行结束了,但是内部函数引用外部函数的变量依然保存在内存中,我们就把这些变量的集合叫做闭包。比如外部函数是 foo,那么这些变量的集合就称为 foo 函数的闭包。让我们看如下的代码:function foo() { let myName = "父函数内部的变量" function innerBar() { c
2021-10-01 20:54:34
1085
原创 js 中new操作符具体干了什么?
下列代码就是创建了一个自定义构造函数 function CreateObj () { this.name = "奇哥无敌" }var myObj = new CreateObj()new操作符操作步骤如下: 1、首先创建一个空对象。 2、为这个空对象内部添加了__proto__属性,并将该属性链接至构造函数内部的protype原型上。 3、构造函数调用call方法,并将该空对象设置为参数,构造函数的this指向修改成这个空对象 ...
2021-09-28 18:08:18
583
原创 面试题:从输入URL到渲染页面这之间都经历了什么?
从输入URL到渲染页面的流程示意图:从图中可以看出,整个过程需要各个进程之间的配合,chrome浏览器使用的是多进程多线程模式,下面是各个进程的作用。浏览器进程:浏览器进程主要负责用户交互、子进程管理和文件储存等功能。网络进程:网络进程是面向渲染进程和浏览器进程等提供网络下载功能。渲染进程:渲染进程的主要职责是把从网络下载的 HTML、JavaScript、CSS、图片等资源解析为 可以显示和交互的页面。因为渲染进程所有的内容都是通过网络获取的,会存...
2021-09-24 20:09:59
1263
原创 vue中v-model双向绑定原理
v-model绑定在表单上 v-model绑定在表单上时,v-model就是v-bind绑定value和v-on监听input事件的结合 v-model = :value + @input用v-bind和input事件模拟v-model<input type="text" :value="username" @input="username = $event.target.value" />原理:通过 :value 绑定 username变量,每次输...
2021-09-23 10:15:16
3174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人