promise / axios /async...await

原创 已于 2023-02-08 14:47:44 修改 · 107 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#elementui #vue.js #javascript

于 2023-02-07 00:27:06 首次发布
文章讲述了作者在使用某些技术调接口获取数据时的经验，尽管对这些技术的底层原理不甚了解，但在面试中经常被问及。作者决定记录下来，以便更好地理解和掌握这些知识点。

1.其实这些东西我也不知道是什么，但是我会用他们来调接口获取数据，但是面试的时候面试官又喜欢问这些东西，所以这里记录一下他们

@codercjw
关注
解锁 JavaScript 异步编程：Promise 链式操作、async/await 与 Promise.all 深度剖析
x1037490413的博客
02-18 1121
在 JavaScript 的世界里，异步编程是一个核心且关键的概念。随着 Web 应用的复杂度不断提升，处理多个异步操作的需求也日益增长。传统的回调函数方式容易陷入 “回调地狱”，让代码的可读性和可维护性大打折扣。而 Promise 的出现为异步编程带来了新的曙光，后续又衍生出了 async/await 语法糖以及 Promise.all 等实用方法。今天，我们就来深入探讨这三者在异步编程中的应用和区别。Promise 是一个表示异步操作最终完成或失败及其结果的对象。它有三种状态：进行中（pending）、
【Promise】async + await + axios发送Ajax请求（五）
aaaa_aaab的博客
08-14 632
然后在下一个then()或者外部使用, 则可以 .then(v=>return v) ---前提这个链式调用前曾使用过resolve() 与reject()才用return,不然就用这两个resolve() 与reject()2、resolve() 与reject()是修改Promise状态并往外抛出的,一个Promise只能改变一次状态,所以一个primise中只能调用一次。Ⅱ-如果声明了.then(),则值会被.then()接住,放到里面处理,如果需要再次抛出--
前端系列-4 promise与async/await与fetch/axios使用方式
shengyu
05-12 3771
本文介绍promise使用方式，以及以Promise为基础的async/await用法和fetch/axios使用方式，主要以案例的方式进行。 javascript是单线程执行的，异步编程的本质是事件机制和函数回调。当执行阻塞任务或者进行IO操作时，编程时很容易嵌套多层回调，严重影响可读性和维护性，陷入地狱回调
promise/axios async/await使用方法汇总
zhangxxxq的博客
08-25 1848
promise使用方法汇总promise与axios结合使用1.创建公共请求2.调用公共请求方法promise请求进行多次回调1.promise 链式请求2.使用promise.all2.使用promise.race3.结合使用async/await promise与axios结合使用 1.创建公共请求 promiseFunc: (url) => { // 返回一个promise对象 return new Promise((resolve, reject) => { axi
深入理解 Promise 和 Async/Await，并结合 Axios 实践
常备不懈
03-03 1357
JavaScript 是一门单线程的语言，这意味着它无法同时处理多个任务。然而，在实际开发中，我们经常需要处理异步操作，比如网络请求、定时器、文件读取等。为了解决这些异步操作带来的复杂性，JavaScript 提供了多种方式，从最早的回调函数到现代的 Promise 和 Async/Await，逐步让异步代码更加优雅和易于维护。
async await与Promise.all
weixin_46058007的博客
04-17 488
接口请求时，async，await的请求方式与Promise.all的区别
（5）Promise与异步函数async/await的使用
緑水長流*z
04-23 794
当async函数正常执行完毕，那么内部会调用Promise.resolve()返回Promise对象，后续将会执行该Promise的then回调函数，并把当前的async函数的返回值传递给resolve()方法。Promise 的编程模型依然充斥着大量的 then方法，虽然解决了回调地狱的问题，但是在语义方面依然存在缺陷，代码中充斥着大量的 then 函数，这就是 async/await 出现的原因。也就是说，async函数的返回值是一个Promise对象，具体的使用方法和特点我们还需要往下看。
Axios、Promise、async、await、nextTick
长不大的大灰狼
01-09 1577
Axios、Promise、async、await、nextTick一、Axios1、基本使用2、axios API3、请求方法的别名4、并发5、创建实例6、实例方法7、在Vue项目中进行全局配置二、ES6 Promise 对象三、async和await四、nextTick 一、Axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 1、基本使用 GET请求： // 为给定 ID 的 user 创建请求 axios.get('/user?ID=12345
Axios和(async,await)
热门推荐
清风的博客
02-26 3万+
Axios和(async,await) 1.基于promise用于浏览器和node.js的http客户端 2.支持浏览器和node.js; 3.支持promise; 4.能拦截请求和响应请求; 5.自动转换JSON数据; 6.能转换请求和响应数据; 1.axios基本用法 1.get和delete请求传递参数 ​ 1.通过传统的url以?的形式传递参数; ​ 2.restful形式传参; ​ ...
axios和async / await的基本用法
前端、python爱好者
07-20 1万+
主要使用本地自建的cookie工具或者vue提供的vue-cookie以及element-ui框架和nprogress进度条模块，大家可以对照自己代码直接复制使用。为了我们的代码健壮性，因此本质上只要有.then()就得跟一个.catch()，至于finally()则看情况添加。这个时候我们可以直接使用 新增的语法糖 async 和await ，使用起来更加的舒服方便，代码看起来也更简洁。当然实际的开发项目中，如果我们使用了统一的请求模块，用 .then()取到正确的数据，.catch()捕获错误，
react axios的使用 封装async/await
小猿猪哥的博客
05-10 3258
之前在vue中使用axios，《vue 开发axios的封装async/await》。这里其实就是把之前vue中封装的axios 移植过来的。基本没变。这里不再多说了。 封装 // 网络请求 可以使用 async/await // 引入 axios import axios from 'axios' // 测试地址 // axios.defaults.baseURL = ''; // ...
React/Redux应用使用Async/Await的方法
08-28
本文将介绍React/Redux应用使用Async/Await的方法，并对比传统的Promise方法。 一、Async/Await的基本概念 Async/Await是ES7标准新特性，它允许开发者使用同步编程风格编写异步代码。Async函数返回一个Promise对象...
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>这边导入了要怎么使用？
03-13
此外，用户可能想知道并发请求的处理，所以需要展示如何使用axios.all和axios.spread，或者更现代的Promise.all方法。 配置选项部分，应该提到设置baseURL、超时时间等全局配置，以及如何在单个请求中覆盖这些配置...
elementui el-date-picker时间区间选择弹出框样式
qq_39047060的博客
11-24 103
摘要：该代码片段实现了一个深色主题的日期时间范围选择器组件。使用Vue+Element UI的el-date-picker组件，通过popper-class="dialogContainerScreen"自定义弹窗样式。CSS样式将日期选择器背景设为深蓝色(#001939)，文字颜色设为白色，边框使用蓝色(#00376b)，并对各种交互状态(如hover、active)进行了特殊样式处理。组件支持日期时间范围选择(YYYY-MM-DD HH:mm:ss格式)，宽度固定为300px，包含开
elementui el-date-picker分页选择弹出框样式及分页样式
最新发布
qq_39047060的博客
11-24 57
本文展示了Element UI分页组件el-pagination的自定义样式实现。通过设置popper-class属性定制下拉框样式，并使用SCSS对分页组件进行深度样式覆盖。主要样式调整包括：将背景色改为深蓝色系（#001939、#062a4c），设置高亮文字为青色（#00e4ff），修改边框阴影效果，以及调整禁用按钮、页码选中状态等交互样式。特别针对下拉选择框设计了透明背景和特殊悬停效果，确保整体UI风格统一且具有科技感。所有样式修改都通过!important确保优先级，实现了对Element UI默认
Vue + element plus 二次封装表格
XL984507092的博客
11-20 92
本文介绍了一个基于Element Plus二次封装的表格组件，主要解决了业务开发中的常见需求。组件实现了以下功能： 支持自定义序号生成和空数据展示 提供灵活的分页控制 内置时间格式化和敏感信息脱敏功能 优化了表格样式，包括表头分割线和行样式 支持行选择和展开功能 提供了丰富的API包括清空选择、设置当前行等方法 该组件通过TypeScript类型定义和组合式API实现，相比原antd表格更符合当前业务需求，同时解决了维护性问题。
Vue移动应用案例
2509_93942886的博客
11-24 215
从基础的Vue核心，到路由、状态管理，再到UI组件库如Vant、NutUI，以及多端框架uni-app、Taro，工具链已经相当成熟。最初版本在千元安卓机上直接卡死，后来我们做了虚拟渲染——只渲染可视区域内的弹幕，同时用Web Worker处理弹幕数据，终于解决了卡顿。性能优化方面，除了常规的代码分割、懒加载，我们还做了很多移动端特有的优化。在移动优先的时代，Vue让前端开发者有了更多可能性。经过多个项目的实践，我总结出Vue移动开发的几个要点：组件设计要原子化，状态管理要适度，性能监控要常态化。
Vue发布
2509_93943467的博客
11-24 123
以前在列表渲染成千上万条数据时，页面总会明显卡顿，但现在用新的函数处理数据，连滚动都流畅了许多。我测试了一个简单的待办应用，用Vue 3的函数配合和，代码量减少了30%，而内存占用却降低了。更惊喜的是，Tree-shaking支持现在更智能了，打包时只引入用到的功能，最终bundle大小能缩小40%以上。社区里已经涌现出许多基于Vue 3的UI库，比如PrimeVue和Quasar，它们都利用了新API的优势，组件更轻量、可定制性更强。举个例子，我以前处理用户认证时，得在多个组件里重复写登录状态的逻辑。
Vue视频处理案例一、核心思路与基础布局
2509_93942763的博客
11-24 75
从视频的加载、播放控制，到进度条的交互、canvas的实时绘制，每个环节都可能遇到各种兼容性和性能问题。最终实现的效果是用户可以流畅地拖动进度条选择封面，选中的封面可以通过canvas的toDataURL方法转换成base64字符串，然后提交到后端保存。另外，为了更好的用户体验，可以在视频加载期间显示一个loading状态，在视频出错时给出友好提示。我们需要在用户拖动进度条时，实时地将当前时间点的视频帧绘制到canvas上。在实际测试中发现，如果每次鼠标移动都立即绘制画面，在低配电脑上会导致明显的卡顿。
async/await 和 axios.post()
07-11
- **定义 async 函数**：使用 `await` 等待 `axios.post()` 返回的 Promise 解决。如果请求成功，`response.data` 包含从服务器返回的数据。如果请求失败，`catch` 块捕获并处理错误。 - **调用 postData**：在调用...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值