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