- 博客(9)
- 收藏
- 关注
RSS订阅原创 axios的使用
前言 前后端分离的今天。已经被封装好的ajax的请求方式axios要如何使用呢？让我们尝试一下。使用初体验 通过npm安装axios。在mian文件中引用通过引用依赖axios全局使用。axios 改写为 Vue 的原型属性import axios from 'axios'Vue.prototype.$axios = axios 在组件中通过this.$axios.get()进行请求,因为我习惯在created里面请求就写在里面了。在cr...
2022-01-09 18:59:02
477
原创 深拷贝的几种方法
一、前言：深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的 。 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。二、深拷贝的几种方法。for循环拷贝加递归，当只用for循环的时候只会拷贝单层。function deepClone(obj) { if (typeof obj !== "object" || obj === null) {
2021-12-13 22:59:46
709
原创 防抖与节流
一、前言 当函数绑定一些持续触发的事件如：resize、scroll、mousemove ，键盘输入，多次快速click等等，如果每次触发都要执行一次函数，会带来性能下降，资源请求太频繁等问题。由此出现防抖与节流来解决一些短时间内连续执行的事件带来性能上的不佳和内存的消耗巨大等问题防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 // 防抖： 触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算函数执行的时间 // 触发的是...
2021-12-01 22:42:28
308
原创 手写promise
一、前言大家都知道做前端开发的时候最让人头痛的就是处理异步请求的情况，在请求到的成功回调函数里继续写函数，长此以往形成了回调地狱。1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来，它的英语意思就...
2021-11-28 21:02:13
190
原创 js设计模式之策略模式
什么是策略模式？策略模式作为一种软件设计模式，指对象有某个行为，但是在不同的场景中，该行为有不同的实现算法。需要在不同情况下使用不同的策略(算法)，或者策略还可能在未来用其它方式来实现。创建一个类根据不同的人员成绩给出不同的评价...
2021-11-01 22:13:46
77
原创 js设计模式之观察者模式
什么是观察者模式？ 观察者模式是一对多的一种依赖关系，让多个观察者对象同时监听某一个主体对象。这个主体发生状态的时候。会通知所有的观察者对象，自动更新自己的状态。 而发布订阅者模式，则不同。发布订阅者模式是一种多对多的依赖关系。通过事件的绑定，通知给需要接受的订阅者，让订阅者更新自己的状态。 两种之间的区别在于观察者模式知道自己所派发的目标对象是谁。而发布订阅者模式观察者和订阅者之间不清楚对方是谁。是由中间层进行交互完成派发任务。写一个通过输入对应的...
2021-10-24 17:21:13
2614
原创 js模拟v-model指令
v-model原理是通过使用v-model指令在元素的输入元素上创建双向数据绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据。 当input输入框值改变/复选框值改变时，text/checkbox值也会同时改变，它负责监听用户的输入事件以更新数据。一、先写两个标签和对应的data数据。<!DOCTYPE html><html lang="en"><head> ...
2021-10-13 20:20:32
408
原创 关于v-infinite-scroll的使用（踩坑心路）
时隔N日。终于发表我的第一表文章。关于v-infinite-scroll这块坑。有一说一，这个事件我不太会用。踩了很久不断的调样式。最后在大佬的指引下完成。 关于网上说的需要添加个高度。 ...
2021-09-23 10:52:38
12969
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人