resolve方法拿取数据--实现更快响应

最新推荐文章于 2023-05-05 16:54:44 发布
最新推荐文章于 2023-05-05 16:54:44 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： Angular网易云实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44535575/article/details/104276963
版权

实现更高速的相应
由于dom渲染太快，数据跟不上dom，刷新后会产生部分空白。
在这里插入图片描述
resolve守卫：
进入路由前就把数据准备好。

1、在home目录下新建home.resolve.service.ts（因为是home路由的守卫）
在这里插入图片描述
2、将守卫提供到home-routing.module.ts中
在这里插入图片描述
3、在home.component.ts中拿到home.resolve.service.ts中的返回值。在这里插入图片描述

Moonmacheese
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TS 实现 Promise 相关 api
weixin_45693198的博客
06-06 791
TS 实现 resolve, reject, all, race 方法
jQuery AJAX 扩展 ----自动放弃及 队列实现
04-21
在IT行业中，jQuery是一个广泛使用的JavaScript库，它极大地简化了...理解并掌握这些技巧，将有助于编写更高效、响应更快的Web应用。在实际项目中，可以根据具体需求灵活运用这些方法，提高代码的可维护性和用户体验。
ts webpack打包ts文件方法，resolve模块，clean-webpack-plugin使用，
艾米的猫儿的博客
10-11 620
1.第一步 初始化项目 npm init -y 2.安装第二步安装依赖 先安装四个初始化使用的 webpack webpack-cli typescript ts-loader cnpm i -D webpack webpack-cli typescript ts-loader 3.根目录下创建文件webpack.config.js并修改文件内容 const path = require('path') module.exports = { entry: "./src/index
Promise对象返回resolve的值
qq_32086191的博客
04-17 1266
function getJoke() { var p = new Promise((resolve, reject) => { const XHR = new XMLHttpRequest(); url = "http://cloud.api.tpaccept.icu:3000/comment/music?id=186016&limit=1"; XHR.open("get", url); XHR.send(); ...
promise
weixin_48819493的博客
11-03 5292
promise
promise基础
qq_59721336的博客
10-26 1188
/传入一个函数作为回调函数 在对应代码执行完成调用 function fn1(fn) {//走完了以后回调函数执行 fn() } , 1000) } fn1(() => {}) //多个回调函数嵌套 回调地狱 （回调函数的无限嵌套 代码的可读性 可维护性 已经失去了） fn(() => {// 如果没有放行,后面的代码不会执行 setTimeout(() => {} // async修饰函数执行会返回一个promise对象 console . log(fn());
my.cnf-调优
11-14
- **wait_timeout**: 客户端无活动操作超时时间，过短会导致频繁断开连接，过长会占用更多资源。 - **max_connect_errors**: 连接失败最大次数，达到后客户端将被禁止一段时间。 - **table_cache/table_open_cache**...
5分钟教你用nodeJS手写一个mock数据服务器的方法
10-16
在前端开发过程中，Mock...总之，Node.js结合Koa和相关库为创建Mock数据服务器提供了一种高效且灵活的方法。通过掌握这一技术，前端开发者可以在后端接口尚未完成时，独立进行功能的开发和测试，有效提高了开发效率。
Pentaho Monitoring Color Status-crx插件
04-04
这些工具通常用于数据提取、转换和加载（ETL）过程，或者商业智能分析，通过此插件，用户可以更直观地查看数据处理的状态，比如任务执行进度、资源消耗情况等。 在安装方面，`.crx`文件是Chrome浏览器扩展的安装包...
前端开源库-react-resolver
08-29
1. **数据解析**：通过在组件的`resolve`方法中定义数据需求，React-Resolver会自动跟踪这些依赖，并在适当的时候执行数据获取。 2. **异步呈现**：当数据准备好后，React-Resolver会触发组件的重新渲染，但在此之前...
概念澄清：如何直接拿到promise的返回值
dongnihao的博客
09-13 1万+
如果它等到的是一个 Promise 对象，await 就忙起来了，它会阻塞后面的代码，等着 Promise 对象 resolve，然后得到 resolve 的值，作为 await 表达式的运算结果。await 等到了它要等的东西，一个 Promise 对象，或者其它值，然后呢？我不得不先说，await 是个运算符，用于组成表达式，await 表达式的运算结果取决于它等的东西。如果它等到的不是一个 Promise 对象，那 await 表达式的运算结果就是它等到的东西。async 函数返回的是一个。
async 、await和promise.all返回多个resole，解构赋值接收
weixin_42304966的博客
05-05 694
promise.all的 resolve 回调的结果是一个数组，需要用变量去接收解构，api里面的方法一定要把resole结果return回去。
js 使用promise函数返回值
Qing_X_C的博客
01-20 6344
作为一个函数如果请求接口后要有返回值，在then（）里面直接return，返回的是个无法使用的promise对象 此时应该新建一个promise对象，return resolve（），页面可正常使用返回值，
Promise.resolve() 方法
雾里看花叹朦胧
03-04 4万+
Promise.resolve方法允许调用时不带参数，直接返回一个resolved状态的 Promise 对象。 所以，如果希望得到一个 Promise 对象，比较方便的方法就是直接调用Promise.resolve方法。 需要注意的是，立即resolve的 Promise 对象，是在本轮“事件循环”（event loop）的结束时，而不是在下一轮“事件循环”的开始时。 setTimeout(fu...
手写promise——Ts，实现then；catch；all这3个常用方法 （步骤详细）
weixin_44441196的博客
10-14 1929
手写promise TS 实现then；catch；all
工作日记：获取异步请求返回值（Promise）
m0_67992720的博客
03-02 502
获取异步请求返回值（Promise）
es6 Promise.resolve()方法
热门推荐
歪脖先生的博客
01-27 6万+
Promise.resolve()方法 有时需要将现有对象转为 Promise 对象，Promise.resolve方法就起到这个作用。 const jsPromise = Promise.resolve($.ajax('/whatever.json')); 上面代码将 jQuery 生成的deferred对象，转为一个新的 Promise 对象。 Promise.resolv
使用 TS 和 class 实现一个简易 Promise
weixin_45177667的博客
06-02 570
前言 最近在看书学习的过程中，发现自己对 Promise 以及宏任务、微任务之间的关系还掌握得不够熟练，于是决定学习百家之长，自己动手实现一个 Promise，当然，就算如今这种行为已经烂了大街，我也想特立独行一些，于是就用上了 typescript 和 class。 基本接口 首要的就是 Promise 独一无二的三个状态 type StatusType = 'pending' | 'fulfilled' | 'rejected'; 然后是声明时需要传入的函数 executor interface On
Promise的基本使用
zmh_984983444的博客
04-10 1505
【代码】Promise的基本使用。
Can't resolve 'vue-awesome-swiper'
最新发布
12-28
根据提供的引用内容，出现"Can't resolve 'vue-awesome-swiper'"的问题通常是由于版本问题引起的。下面是解决这个问题的方法： 1. 确保已经正确安装了vue-awesome-swiper模块。可以使用以下命令进行安装： ```shell...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值