- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 手写Promise-最终篇
前言这里呢是我写的全部promise源码，包含以下功能1、promise核心函数 2、promise核心函数resolve() 3、promise核心函数reject()4、then方法链式调用 5、promise.reject() 6、promise.ersolve()7、promise.finally() 8、promise.race() 9、promise.all()//其实还有promise.any(), promise.try(),promise.all.
2020-09-28 20:44:38
10487
1
原创 手写Promise-Promise.all方法的实现
前言在本篇文章中，为大家揭示promise.all的实现原理代码演示const { reject } = require("lodash");//设置promise 状态const PENDING = "pending"; //等待状态const FULFILLED = 'fulfilled'; //成功状态const REJECTED = 'rejected'; //失败状态class MyPromise { constructor(executor) { .
2020-09-28 18:25:00
11114
原创 手写 Promise将then方法的参数变成可选参数
前言ES6的promise中then方法可以不传递参数，是如何实现的呢，在这里来模拟下//ES6中promiselet p2 = new Promise((resolve, reject) => {//成功状态 resolve('success')});p2.then().then().then(res => { console.log(res);}, error => {})//打印结果successlet p2 = new Promise.
2020-09-28 16:04:00
534
原创 手写promise-5 捕获错误及then链式调用其他状态代码补充
前言在上篇文章中介绍了，如何处理返回自身对象的处理，在本篇文章中将介绍如何捕获错误以及其他状态代码补充代码演示//设置promise 状态const PENDING = "pending"; //等待状态const FULFILLED = 'FULFILLED'; //成功状态const REJECTED = 'rejected'; //失败状态class MyPromise { constructor(executor) { //立即调用函数 .
2020-09-28 14:59:47
389
原创 手写Promise-4 then链式调用返回自身对象处理
前言在上一篇文章中介绍了，then方法返回的promise对象/普通值将如何处理，在本篇文章中主要介绍then链式调用返回自身对象处理的处理逻辑代码演示//设置promise 状态const PENDING = "pending"; //等待状态const FULFILLED = 'FULFILLED'; //成功状态const REJECTED = 'rejected'; //失败状态class MyPromise { constructor(executor) { .
2020-09-28 14:03:16
559
原创 手写promise-then方法链式调用-2
前言在上篇文章中介绍在promise如何实现then方法的链式调用，以及上一个then的返回值传递给下一个then在本篇文章中将介绍 then方法返回的promise对象/普通值将如何处理，代码大同小异，只是有些地方不同而已代码演示//设置promise 状态const PENDING = "pending"; //等待状态const FULFILLED = 'FULFILLED'; //成功状态const REJECTED = 'rejected'; //失败状态class MyP.
2020-09-24 17:43:44
307
原创 ES6-Promise执行时序篇
前言本篇文章主要是为大家介绍什么是宏任务（task），什么是微任务（Microtasks），以及哪些方法是宏任务，哪些方法是微任务，希望可以帮助到大家宏任务1、宏任务是主流，当js开始被执行的时候，就是开启一个宏任务，在宏任务中执行一条一条的指令；2、宏任务可以同时有多个，但会按顺序一个一个执行；每一个宏任务，后面都可以跟一个微任务队列，如果微任务队列中有指令或方法，那么就会执行；如果没有，则开始执行下一个宏任务，直到所有的宏任务执行完为止，微任务相当于宏任务的小尾巴；3、为什.
2020-09-24 16:32:38
10469
原创 手写Promise-then方法的链式调用-1
前言在上篇文章中实现了多次调用then方法，但没有实现then方法的链式调用在本篇文章中为大家带来怎么实现链式调用代码演示//设置promise 状态const PENDING = "pending"; //等待状态const FULFILLED = 'FULFILLED'; //成功状态const REJECTED = 'rejected'; //失败状态class MyPromise { constructor(executor) { //立即调用.
2020-09-24 16:08:01
556
原创 手写Promise-then方法多次调用添加多个处理函数
前言在上篇文章中为大家揭示了，怎么处理异步情况，在本篇文章中揭秘如何多次调用then方法并添加多个处理函数代码演示//设置promise 状态const PENDING = "pending"; //等待状态const FULFILLED = 'FULFILLED'; //成功状态const REJECTED = 'rejected'; //失败状态class MyPromise { constructor(executor) { //立即调用函数 .
2020-09-24 12:58:00
858
原创 手写Promise-在Promise类中加入异步逻辑
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例
2020-09-24 11:46:16
141
原创 ES6-手写Promise类逻辑实现
前言在ES6中的promise想必大家都会用，我想问一下，大家有没有考虑过promise是怎么实现的？所以呢，在本篇文章中主要是给大家介绍一下promise类核心逻辑实现，希望可以帮助到大家promise的特点先介绍一下promise的特点 1. promise本质上就是一个类， 在执行这个类的时候，需要传递一个执行器进去，这个执行器会立即执行 2. Promise 中有三个状态分别为,成功:fulfilled 失败:rejected 等待:pending pendin.
2020-09-24 10:55:30
441
2
原创 JavaScript-同步模式
前言同步模式指的就是我们代码当中的任务依次之心，那会一个任务呢，就必须要等待前一个任务结束才能够开始执行。那程序的执行顺序呢，跟我们代码的编写顺序是完全一致的，也就是说这种方式呢会比较简单。那在单线程情况下，我们大多数任务都会以同步模式区执行。注意，我们这里所说的同步并不指的是同时执行，而是排队秩序。那这里呢，我们可以一段同步模式的代码为例，来去分析一下他的具体执行过程console.log('first');const fun2 = () => { console..
2020-09-22 13:12:28
10266
原创 字节跳动笔试-1面
前言最近在拉勾上投了字节跳动的前端工程师岗位，也没指望字节跳动能够看上我，不料刚投完简历4个小时字节跳动的HR小哥哥就给我打了电话，让我参加线上笔试，做了一下笔试题，觉得还是有一定难度的，接下来给大家看一下面试题，希望可以帮助到大家面试题1把下面的纯文整理为3行4列 aaaa "dd" f g;fd分 1 "2dd" 113 512 q 'w' er, -/ g整理结果如下面试题2阐述一下对原码/反码/补码的理解，相互之间的转换方法这个
2020-09-20 12:57:55
12480
23
原创 搜索框功能实现
搜索框功能实现在开发搜索框过程中需要实现两个小功能，技术栈是nuxt.js 功能描述如下功能1：当鼠标聚焦的时候搜索框下方出现热门推荐，如下图所示功能2：当输入搜索内容的时候，热门推荐消失，出现搜索结果，也就是功能1和功能2为互斥性HTML代码<el-col :span= "12" class="center"> <div class="wrapper"> <el-input v-model="search" .
2020-09-05 15:39:07
14442
原创 Element UI注册模块实现
简介在项目开发过程中，遇到注册页面，该如何快速开发呢，接下来我用element ui 来实现，老司机开车请坐好安装element ui 请大家自行百度 ，网上的方法有很多，在这里只演示如何实现
2020-09-04 10:10:15
7359
原创 淘宝侧边栏鼠标滑动功能实现
简介在项目开发过程中遇到了一个实现淘宝侧边栏的功能，这个功能想了半天，最终终于做出来了，其实也没那么复杂，主要是数据解构设计的合理即可，
2020-09-03 09:17:04
537
原创 Nuxt-保存登陆状态篇
简介nuxt如何处理用户登录状态持久化：nuxtServerInit 页面渲染前的store处理vue-cli项目中，我们可以用vuex-persistedstate，它可以使vuex的状态持久化，页面刷新都不会丢失，原理当然localStorage啦！当然也可以使用vue-cookies进行保存token，问题来了，nuxt项目怎么保存登录状态呢？当然上面这两种方法我们都可以使用，但是有个问题，由于在created钩子中不存在window对象(获取cookie、localStora.
2020-09-01 06:43:42
13111
原创 Nuxt使用axios跨域问题解决方法
简介Nuxt 是 Vue 项目服务器端渲染（SSR)解决方案。而在使用时，就会遇到前后端分离情况下的域名或端口不一致导致的跨域问题本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题解决跨域Nuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。yarn安装yarn add axios @nuxtjs/axios @nuxtjs/proxynpm安装 npm install a.
2020-09-01 06:42:26
14723
手写Promise源码
2020-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人