牛战士超神了-CSDN博客

原创关于async、await返回一个Promise微任务

一、案例在刷题过程中碰到的问题，打破了我一直以为对async、await可以看成同步队列的认知。在async中同时有两个await或多个await的时候，并且这对个await中还夹杂了其他的代码，然后主线程中还有其他的任务会抛出微任务的情况下。就完全不是我们想象的当成同步队列来输出了。代码如下图 console.log("script start");//1 async function async1() { console.log("开始");//2 awa

2021-08-10 16:38:43 1938

转载 this.$nextTick()的使用

this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的，也就好比我们将打印输出的代码放在setTimeout(fn, 0)中；先来第一个例子看一看<template> <section>

2021-07-19 12:03:09 1059

原创 vue中this.$router.push()跳转导致页面刷新导航栏active不改变问题解决~！

前言写vue项目中遇到了导航栏绑定的active不改变，路由正常跳转了结果导航栏显示还是第一个。于是我就开始排错，发现每次路由跳转，导航栏绑定的activeNum都被刷新掉归0了，也就是显示第一个。刚开始确实好久没发现问题，以前也是这么写的没出过问题。转机后来我想是不是因为，这个导航栏是在router-view跳转的子组件中的原因，页面跳转的时候将整个子组件都刷新了，表面上看是子组件中的子组件刷新（相当于孙子级别的组件刷新），其实跳转的时候是刷新的整个子组件。解决然后我就在子组件的导航栏中cre

2021-07-13 01:06:18 5329

原创 vue项目中使用vue-infinite-scroll插件来进行滚动触底加载(超详细)

配置参数v-infinite-scroll="loadMore"表示回调函数是loadMoreinfinite-scroll-disabled=“busy” 表示由变量busy决定是否执行loadMore，false则执行loadMore，true则不执行，注意，busy表示繁忙，繁忙的时候是不执行的。infinite-scroll-distance="300"这里300决定了页面滚动到离页尾多少像素的时候触发回调函数，300是像素值。一般情况下会在页尾做一个几十像素高的“正在加载中…”，这样的话，

2021-07-12 12:13:21 1923 1

转载关于localStorage的使用

一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。二、localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2、localS

2021-06-24 23:26:38 488

原创 async和await

初遇async和await在尝试写Vue项目中的时候，参考别人的项目，发现用到了很多用到async关键字的函数，因为之前只是听说过但是一直没用过，现在自己写就详细了解了一下，只能说初步了解吧。一、异步函数async声明的函数表示这是一个异步函数，所以是不会阻塞后面的函数的执行的。而await则是必须在async声明的函数中才能使用，像下边这个例子中，await会阻塞当前函数的执行，如果第一个await没有拿到step1返回的Promise的话就会暂缓执行，等拿到结果后会返回一个Promise处理后的结

2021-06-22 14:46:18 138

原创 JavaScript中的执行上下文、执行栈、变量声明提升、作用域、闭包等

导航JavaScript 中的一些概念一、执行上下文什么是执行上下文？执行上下文的类型二、执行栈三、怎么创建执行上下文？The Creation PhaseThis 绑定：词法环境：变量环境：执行阶段JavaScript 中的一些概念原文地址：Understanding Execution Context and Execution Stack in Javascript原文作者：Sukhjinder Arora译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m…译

2021-05-18 14:18:50 77

原创 JS事件循环机制(Event Loop)

JS事件循环机制(Event Loop)总结引言javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再根据一定规则去执行相应的回调。堆与栈当javascript代码执行的时候会将

2021-03-16 16:10:02 568

原创关于Error in created hook: “TypeError: Cannot read property ‘finishPullUp‘ of undefined“

关于Error in created hook: “TypeError: Cannot read property ‘finishPullUp’ of undefined”found in最近在学习vue过程中经常遇到如题所示的问题,今天在这个将问题记录一下,一边自己后来回顾如图是我遇到的问题,在下边看一下代码,后来我发现是这一段代码的问题.如图,this.refs.scroll.finishPullUp放在了函数的最后.getHomeGoods函数通过调用之前写好的方法,去请求数据,但是他返

2021-03-07 21:00:40 2017 1

qq_45332221的博客