自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 watch监听

只有当值改变的时候 才会执行,如果想在第一次绑定的时候执行此监听函数 则需要 设置。第一种有一个缺点 就是当值第一次绑定的时候 不会执行监听函数,immediate 为 true。

2023-02-10 10:27:42 112

原创 重绘 跟 回流

​ 由于节点的几何属性发生改变或者由于样式发生改变而不会影响布局的,称为重绘,例如`outline`, `visibility`, `color`、`background-color`等,重绘的代价是高昂的,因为浏览器必须验证 DOM 树上其他节点元素的可见性。- **将动画效果应用到`position`属性为`absolute`或`fixed`的元素上**,避免影响其他元素的布局,这样只是一个重绘,而不是回流,同时,控制动画速度可以选择 `requestAnimationFrame`。

2023-01-09 09:19:07 81

原创 axios 请求的一些方法

2.这里可以分页面进行创建接口请求文件 使用post 和get进行请求。不同环境访问接口的域名是不同的,直接修改域名,这就是封装请求的原因。统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护.post、put、delete 传参 data。3.在代码中进行使用 先导入模块,再进行使用。适用于 put、post、delete 请求。请求拦截器在 发送请求 之前处理一些业务。1、开发环境 2、测试环境 3、生产环境。即将于请求一起发送的 URL 的参数。作为请求主体被发送的数据。

2023-01-09 09:13:20 137

原创 Promise 和 Async

3. 返回值是 Promise。返回非 Promise 时,async 函数会把它包装成 Promise 返回。2. await 命令后面可以是 Promise 对象或原始类型的值,yield 命令后面只能是 Thunk 函数或 Promise 对象。promise 对象,可以将 **异步操作** 以 **同步操作的流程** 表达出来,避免层层嵌套。> 因为 catch 可以捕获执行中的错误,也更接近同步的写法(try/catch)2. 如果不设置回调函数,Promise 内部抛出的错误,不会反映到外部。

2023-01-09 08:51:22 53

转载 浅拷贝和深拷贝

如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象。- Object.assign 是一个浅拷贝,它只是在**根属性**(对象的第一层级)创建了一个新的对象,但是对于属性的值是仍是对象的话依然是浅拷贝。**浅拷贝:**仅仅是指向被复制的内存地址,如果原地址发生改变,那么浅复制出来的对象也会相应的改变。**深拷贝:**在计算机中开辟一块**新的内存地址**用于存放复制的对象。**浅拷贝实现方法:**

2023-01-09 08:46:22 82

原创 防抖和截流

在开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数浪费性能。原理:第一次执行函数的时候,记录函数执行的时间,当下一次执行的时候,比较时间是否还在间隔时间内,如果是则不执行,否则继续执行;> 指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。一个频繁触发的函数,在规定时间内,函数执行一次后,只有大于设定的执行周期后才会执行第二次。

2023-01-09 08:27:37 150

原创 Vue.nextTick 的原理和用途

Vue 异步执行 DOM 更新。在 created()钩子函数执行的时候 DOM 其实并未进行任何渲染,而此时进行 DOM 操作无异于徒劳,所以此处一定要将 DOM 操作的 js 代码放进 Vue.nextTick()的回调函数中。2. 在数据变化后要执行的某个操作,而这个操作需要使用随数据改变而改变的 DOM 结构的时候,这个操作都应该放进 Vue.nextTick()的回调函数中。简单来说,Vue 在修改数据后,视图不会立刻更新,而是等**同一事件循环**中的所有数据变化完成之后,再统一进行视图更新。

2023-01-09 08:23:21 118

原创 两个长度不等的有序数组合并成一个有序数组

两个长度不等的有序数组合并成一个有序数组。

2023-01-09 08:14:06 147

原创 数组怎么转成 tree

数组怎么转成 tree。

2023-01-09 08:12:38 26

原创 控制最大并发数

console.log(`\x1B[43m ${url} 结束,当前并发数:${this.pool.length}`);console.log(`\x1B[43m ${url} 开始,当前并发数:${this.pool.length}`);// 将该任务推入pool并发池中。// 利用Promise.race 方法来获得并发池中某任务完成的信号。// 请求结束后将该Promise任务从并发池中移除。// 每当并发池跑完一个任务,就再塞入一个任务。

2023-01-09 08:09:10 57

原创 MVVM、MVC、MVP的区别

MVVM、MVC、MVP的区别

2023-01-09 08:03:07 170

空空如也

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

TA关注的人

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