自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 说一下 watch 与 computed 的区别是什么?以及他们的使用场景分别是什么?

vue 初次运行会对 computed 属性做初始化处理(initComputed),初始化的时候会对每一个 computed 属性用 watcher 包装起来 ,这里面会生成一个 dirty 属性值为 true;然后执行 defineComputed 函数来计算,计算之后会将 dirty 值变为 false,这里会根据 dirty 值来判断是否需要重新计算;如果属性依赖的数据发生变化,computed 的 watcher 会把 dirty 变为 true,这样就会重新计算 computed 属性的值。

2023-09-08 23:48:29 318 1

原创 前端面试题:什么是对称加密和非对称加密?

在对称加密过程中,发送者和接收者之间必须共享相同的密钥,这样发送者可以使用该密钥加密消息,而接收者则使用相同的密钥解密接收到的消息。非对称加密: 非对称加密也称为公私钥加密,使用不同的密钥进行加密和解密。在非对称加密过程中,发送者使用接收者的公钥进行加密,接收者再使用自己的私钥进行解密。接下来,Alice 使用 Bob 的公钥对消息进行加密并发送,只有 Bob 才能使用自己的私钥解密信息。Alice 使用协商好的密钥对信息进行加密,然后将其发送给 Bob,Bob再使用相同的密钥进行解密。

2023-09-07 23:54:14 256 1

原创 style标签写在body前和后的区别

写在body标签后:由于浏览器以逐行方式对html文档进行解析;当解析到写在尾部的样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成之后重新渲染;在windows的IE下可能会出现FOUC现象(即样式失效导致的页面闪烁问题);写在body标签前利于浏览器逐步渲染。

2023-09-06 23:47:20 375 1

原创 前端面试题:常见的响应状态码

HTTP 响应中包含一个状态码,用来表示服务器对客户端响应的结果。状态码一般由3位构成:1xx : 表示请求已经接受了,继续处理。2xx : 表示请求已经处理掉了。3xx : 重定向。4xx : 一般表示客户端有错误,请求无法实现。5xx : 一般为服务器端的错误。

2023-09-05 23:50:13 270 1

原创 如何判断一个对象是否为空

5.使用Reflect.ownKeys方法获取obj的键值数组判断是否为0(能判断[key]作为键值对的数据)3.使用Object.getOwnPropertyNames方法判断key数组长度是否为0。1.JSON.stringify()判断对象转为jison是否为空对象字符串。2.使用Object.keys方法判断key数组长度是否为0。4.使用for in 判断是否存在key,使用flag做标记。

2023-09-04 23:38:25 157 1

原创 前端面试题:null和undefined的区别

undefined:一般是简单数据类型,表示此处应该有个值,但是当前尚未赋值,转为数值时为NaN。undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。2.调用函数时,应该提供的参数没有提供,该参数等于undefined。1.变量被声明了,但没有赋值时,就等于undefined。3.对象没有赋值的属性,该属性的值为undefined。null:一般是复杂数据类型,表示不存在,转为数值时为0。null表示"没有对象",即该处不应该有值。1.作为函数的参数,表示该函数的参数不是对象。

2023-09-03 23:05:02 266

原创 前端面试题:new 的一瞬间发生了什么

【代码】前端面试题:new 的一瞬间发生了什么。

2023-09-02 23:53:14 128 1

原创 Vue3使用customRef封装防抖函数

高频率触发的事件,在指定的单位时间内,只响应最后一次,如果在指定的时间内再次触发,则重新计算时间防抖类似于英雄联盟回城6秒,如果回城中被打断,再次回城需要再等6秒。

2023-09-01 23:53:53 218 2

原创 前端面试题:如何求两个数组的并集、交集、差集

差集(A-B):使用第一个数组arr1调用filter方法(返回交集cross不包含的数据),成功求出差集。差集(B-A):使用第二个数组arr2调用filter方法(返回交集cross不包含的数据),成功求出差集。交集:使用Set集合,然后arr1使用filter方法(返回arr2不包含的数据),成功求出交集。并集:使用Set集合,对两个数组使用扩展运算符,就达到了去重的目的。

2023-08-25 16:10:15 537

原创 前端面试题:delete和Vue.delete删除数组元素有什么区别

前端面试题:delete和Vue.delete删除数组元素有什么区别

2023-08-24 14:10:59 302 1

原创 前端面试题:search方法和indexOf的区别

区别:1.search方法支持正则表达式,indexOf方法不支持正则表达式 2.indexOf方法的第二个参数可以设置搜索的起始位置,而search方法则不支持。相同点:两者都是字符串方法返回结果都是搜索到的结果的索引,两个方法都严格区分大小写,如果不存在就返回-1。

2023-08-22 23:17:24 335 1

原创 一文带你吃透前端文件上传与文件相关操作

主要实现功能:单/多文件上传,分片上传,断点续传,二进制blob传输 使用formData传输base64 把文件转为base64传输file类实际上继承于Blob类,可以使用Blob的方法。

2023-08-21 16:48:52 885

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除