05每周测试

# 每周测试05

# 1、vue的生命周期有哪些？

beforeCreate 创造之前
created      创造完毕
beforeMount  安装渲染之前
mounted      渲染完毕
beforeUpdate 更新之前
updated      更新之后
beforeDestroy销毁之前
destroyed    销毁之后
activated    激活被缓存的组件
deactivated   取消激活
errorCaptured 错误捕捉

1
2
3
4
5
6
7
8
9
10
11

# 2、请说出vue框架和传统jq的区别，以及优劣势

vue是mvvm模式的前端框架，jq是js函数库，本质上不一样。
vue在项目维护性以及渲染速度方面要高于传统的jq。
vue是单页面应用，所以seo方面不如传统jq页面。

1
2
3

# 3、请写出js的数据类型有哪几种

数字 number;
字符串 string;
布尔值 boolean;
空值   null;
未定义 undefined;
唯一值 symbol;
对象   object;

1
2
3
4
5
6
7

# 4、解释浅克隆与深克隆的区别，并列举出实现方法

[success] 浅与深

浅克隆：只克隆对象的第一层属性

深克隆：克隆对象的所有层级的属性

//浅克隆
Object.assign({}, {name: "张三"})

//深克隆
function deeClone(obj){
var h = {};
for(i in obj){
    if(typeof(obj) === "object"){
    x[i] = deeClone(obj[i])
    }
    else {
    x = Object.assign({},obj)
    }
}
return x
}
JSON.parse(JSON.stringify())
$extend(true,{},obj)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 5、事件传播有哪几个阶段？

事件派发
事件冒泡
事件捕获

1
2
3

# 6、请列举出箭头函数和普通的function有什么区别

箭头函数和普通的function最关键在于this指针的区别，
箭头函数无法修改指针，this不指向函数指向上一层，
普通函数可以修改指针，this指向函数
箭头函数无法当成构造函数使用，箭头函数没有arguments

1
2
3
4

# 7、写出本地离线缓存有哪儿种，以及他们的区别。

cookie;
    1、最早，兼容性最好
    2、不能直接在谷歌浏览器下操作，只能使用其他浏览器或者在服务器环境操控
    3、存储数据大小（4kb，谷歌浏览器）
    4、存储条数（20条，谷歌浏览器）
    5、操作繁琐（相对于另外两个）
    6、默认关闭浏览器就会消失，如果想要保存需要设置过期时间

localStorage; 本地持久级存储
    1、h5新特性，不能兼容低版本浏览器
    2、默认情况下，永久存储
    3、存储的数据会变成字符串
    4、存储数据大小（5mb，谷歌浏览器）
    5、存储条数（存储条数不限制）
    6、操作相对简单（相对于cookie）

sessionStorage; 本地会话级存储
    1、所有特性都与localStorage一样，只有存储时间不同，sessionStorage默认关闭浏览器就消失

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 8、解释一下什么是原型链

[success] For success

当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的__prototype__

当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找，这样一层一层向上查找就会形成一个链式结构，我们称为原型链。

# 9、把数组let arr = [[1,2],[3,4]]变为一维数组

let arr = [[1, 2], [3, 4]]
// console.log(arr.flat(Infinity))
console.log(arr.flat(1))

1
2
3

# 10、v-if和v-show有什么区别？

v-if：如果是少量渲染的情况
v-show：反复渲染的情况

1
2

编辑

上次更新: 2023/08/06, 00:38:41

← 04每周测试 06每周测试→