面试官说一说cookie

每天10道题100天后搞定所有前端面试的高频知识点加油在看文章的同时希望不要直接看答案先思考一下自己会不会如果会自己的答案是什么想过之后再与答案比对是不是会更好一点当然如果你有比我更好的答案欢迎评论区留言一起探讨技术之美。

面试官请你简述

var最常用的变量允许重复声明但会导致数据被覆盖会产生变量提升局部变量挂载到全局对象上会造成全局对象的污染。

console.log(a)

letes6新增命令用法类似var不允许重复声明不存在变量提升常作用于块级作用域而避免局部变量造成全局变量的污染。

let

constes6新增命令用于声明常量且值无法被修改声明常量必须立刻初始化否则后期赋值报错不能重复声明const指向变量的地址,

const

[{id:1,name:张三,age:18},{id:2,name:李四,age:28},{id:3,name:王五,age:38},

let

JSON.parse(JSON.stringify(list))

newList.pop()

console.log(list.length,newList.length)

当然深拷贝也有一种标准写法如下

source){if(source.hasOwnProperty(keys)){//

typeof

deepClone(source[keys])}else{//

targetObj

{name:张三,age:18,hobby:[抽烟,喝酒,烫头],action:{am:敲代码,pm:睡觉}

let

console.log(obj.name,newObj.name)//

let

说白了深拷贝是重新获得一个新的数据且和原来的数据没有任何关系浅拷贝虽然能得到一个新的数据但是和原来的数据仍有一定的联系。

https:

DNS域名系统会匹配真实的IP第一次访问正常第二次访问会将域名解析的IP存在本地用来读取浏览器缓存。

DNS域名系统

查找本地缓存如果有缓存直接返回给页面没有缓存则进入网络请求阶段

DNS解析

浏览器进行页面渲染1解析html生成DOM树2根据css计算节点样式生成stylesheet3生成布局树4为特定的元素生成独立图层

面试官说一说cookie

sessionStorage以及localStorage都是由前端写入

2.cookie的生命周期由服务器端写入时就设置好的localStorage是写入就一直存在除非手动清除sessionStorage是由页面关闭时自动清除

3.cookie存储空间大小约4kb

sessionStorage及localStorage空间比较大大约5M

4.3者的数据共享都遵循同源原则sessionStorage还限制必须是同一个页面

session

6.cookie一般存储登录验证信息或者tokenlocalStorage常用于存储不易变动的数据减轻服务器压力sessionStorage可以用来监测用户是否是刷新进入页面如音乐播放器恢复进度条功能

我呃~JS数据类型分为两类一类是基本数据类型另一类是引用数据类型如下

基本类型string、number、boolean、null、undefined、symbol、bigInt

引用类型

解决的问题能够让函数作用域中的变量在函数执行结束之后不被销毁同时也能在函数外部可以访问函数内部的局部变量。

带来的问题由于垃圾回收器不会将闭包中变量销毁于是就造成了内存泄露内存泄露积累多了就容易导致内存溢出。

闭包的应用能够模仿块级作用域能够实现柯里化在构造函数中定义特权方法、Vue中数据响应式Observer中使用闭包等。

typeof根据二进制判断不能判断数据类型null和object

constructor.name(根据构造器判断)不能判断null数据类型

Object.prototype.toString.call()用Object的toString方法判断所有类型数据都能判断,记住判断结果打印为[object

Xxx]

伪数组的特点类型是object、不能使用数组方法、可以获取长度、可以使用for

in遍历

伪数组可以转换为数组的方法Array.prototype.slice.call()、Array.from()、[...伪数组]

有哪些是伪数组函数的参数argumentsMap和Set的keys()、values()和entires()