自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 2022.9.27 js定时器

js事件循环机制,js引擎会一直循环检查,一遍又一遍,只要本轮的同步任务执行完了,引擎就会去检查那些挂起来的异步任务,是不是可以进入主线程了,从而进入下一轮循环。在主线程里面的同步任务执行完后,会去看任务队列中的异步任务,如果某个任务满足条件可以执行,这时候异步任务进入。的运行机制,它们都是把任务放到任务队列里,等到设定时间到了就执行,但是如果主线程的同步任务的执行时间太长,超过它们设定的时间,那么就得延迟执行。同步任务在主线程上顺序执行,只有前一个同步任务执行完,下一个任务才会开始执行。

2022-09-27 11:06:15 299

原创 2022.9.24 浏览器请求接口跨域问题解决

同源指的是协议相同、域名相同,端口相同域的组成:协议 + 域名 + 端口跨域:不同源的网址之间的通信会出现跨域,一旦出现跨域,请求响应会被浏览器拒绝。其实跨域和跨源就是同个意思。

2022-09-24 17:21:47 1416

原创 2022.9.21 js的原型和原型链原理解析

对于__proto__属性,它是用来读取或设置当前对象的原型对象,除了提供了__proto__属性,还给出了Object.setPrototypeOf()(写操作)、Object.getPrototypeOf()(读操作)这两个方法,前者用来设置某个对象的原型,后者用来获取某个对象的原型。,该方法是用来创建一个实例对象,接受一个对象作为参数,以它为原型,生成一个实例对象。在js中任何一个对象,都可以充当其他对象的原型,那么原型作为一个对象,它也有属于自己的原型,从实例对象到原型,到原型的原型,形成原型链。

2022-09-21 21:53:10 555

原创 2022.9.18 节流与防抖

对防抖和节流原理以及应用场景理解和记录,用一个简单的案例掌握防抖和节流的使用。

2022-09-18 21:40:17 509

原创 2022.9.17 vue、element-ui实现登录获取手机验证码,进行手机号校验、验证码CD60秒

1、进行手机号校验关键在对单个手机号输入框进行校验,需要使用到validateField对部分表单字段进行校验,valid是校验完的提示信息,当valid为空时代表校验成功2、读秒和设置禁用,在校验成功时设置一个60s计时器,读秒过程禁用按钮,用了element-ui的按钮组件,在读秒过程中给按钮增加disabled属性;读秒过程结束,解除按钮禁用。

2022-09-17 21:06:51 2620 2

原创 2022.9.13 手机验证码登录功能

用到的前端技术:vue、vuex、axios,element-ui组件库一. 用户在登录界面输入手机号,通过表单验证后,点击按钮获取验证码二. 用户输入手机验证码,再次进行校验,然后点击登录按钮进行登录三. 向后台发起数据请求,等待后台返回结果,这一步有两件事要做:1.发请求之前,对axios进行封装,配置基础请求路径、请求时长、默认post请求头,设置请求响应拦截器2.如果请求响应成功,对后台返回用户登录的token和用户信息进行存储(存到本地)3.如果请求响应失败,提示错误信息。

2022-09-13 21:38:04 1768

原创 2022.9.09 async/await异步请求问题

在此我上网查了关于async函数,知道在没有 await 的情况下执行 async 函数,它会立即执行,返回一个 Promise 对象,并且,绝不会阻塞后面的语句。updateSongUrl方法时提交到mutation进行更新歌曲url,这里我await修饰getUrl方法执行完(该方法时一个ajax请求),然后更新url,接着直接修改歌曲播放的状态isPlay,下面我又watch监听了这个状态。(看样子感觉没啥问题…很明显,在songUrl还没更新的时候先拿到了上一首歌的时长,这是异步惹得祸。

2022-09-09 19:16:19 256

原创 2022.9.04 Promise

(成功状态),rejected(失败状态) pending 状态的 Promise 对象可能会变为fulfilled 状态并传递一个值给相应的状态处理方法,也可能变为失败状态(rejected)并传递失败信息。列子中用到的resolve方法,如果数据请求成功,它会把当前的Promise的状态该为fulfiled,方法中value会封装进Promise里。问题的一种方案,在网上经常看到回调地狱问题,Promise把这种嵌套调用的形式改为链式调用的方式,使得代码维护起来容易。

2022-09-04 16:37:31 164

空空如也

空空如也

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

TA关注的人

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