在这个世界上取得成就的人,都努力去寻找他们想要的机会,如果找不到机会,他们便自己创造机会。
你好,我是梦阳辰!期待与你相遇!

文章目录

  • 01.什么是路由?
    • 后端路由
    • 前后端分离阶段
    • 前端路由阶段(单页面复应用阶段)
    • url的hash&html5的history
    • 安装vue-router
  • 02.vue-router基本使用
      • 动态路由的使用
    • 路由懒加载
  • 03.vue-router嵌套路由
  • 04.vue-router参数传递
  • 05.vue-router全局导航守卫
  • 06.keep-alive
  • 07.案例(TabBar)
  • 08.Promise(重点)

01.什么是路由?

说起路由你想起了什么?
路由是一个网络工程里面的术语。
路由( routing )就是通过互联的网络把信息从源地址传输到目的地址的活动.—维基百科

在生活中,我们有没有听说过路由的概念呢?
当然了,路由器嘛.路由器是做什么的?你有想过吗?
路由器提供了两种机制:
路由和转送.

√路由是决定数据包从来源到目的地的路径.
√转送将输入端的数据转移到合适的输出端.

路由中有一个非常重要的概念叫路由表.
√路由表本质上就是一个映射表,决定了数据包的指向.

前端渲染和后端渲染

后端渲染:再后端写前端代码渲染(jsp)。

前端渲染:前端渲染后台返回的数据。

后端路由

后端处理url和页面之间的映射关系。

早期的网站开发整个HTML页面是由服务器来渲染的.
服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示.

但是,一个网站,这么多页面服务器如何处理呢?
一个页面有自己对应的网址,也就是URL.
URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个Controller进行处理.
Controller进行各种处理,最终生成HTML或者数据,返回给前端.
这就完成了一个IO操作.

上面的这种操作,就是后端路由.

当我们页面中需要请求不同的路径内容时,交给服务器来进行处理,服务器渲染好整个页面,并且将页面返回给客户顿.这种情况下渲染好的页面,不需要单独加载任何的js和css,可以直接交给浏览器展示,这样也有利于SEO的优化.

后端路由的缺点:
一种情况是整个页面的模块由后端人员来编写和维护的.

另一种情况是前端开发人员如果要开发页面,需要通过PHP和Java等语言来编写页面代码.
加粗样式
而且通常情况下HTML代码和数据以及对应的逻辑会混在一起,编写和维护都是非常糟糕的事情.

前后端分离阶段

前端渲染后台发送回来的数据,后端负责返回数据。

前后端分离阶段︰
随着Ajax的出现,有了前后端分离的开发模式.
后端只提供API来返回数据,前端通过Ajax获取数据,并且可以通过JavaScript将数据渲染到页面中.

这样做最大的优点就是前后端责任的清晰,后端专注于数据上,前端专注于交互和可视化上.

并且当移动端(iOS/Android)出现后,后端不需要进行任何处理,依然使用之前的一套API即可.目前很多的网站依然采用这种模式开发.

前端路由阶段(单页面复应用阶段)

单页面复应用阶段:
spa页面
其实SPA最主要的特点就是在前后端分离的基础上加了一层前端路由

也就是前端来维护一套路由规则

整个网页只有一个html页面。

前端路由主要是负责路由关系,即一个url对应一个组件,前端路由管理url对应的映射关系
在这里插入图片描述
前端路由的核心是什么呢?
改变URL,但是页面不进行整体的刷新。如何实现呢?

url的hash&html5的history

如何改变url但是页面不刷新呢?

URL的hash
URL的hash也就是锚点(#),本质上是改变window.location的href属性.

我们可以通过直接赋值location.hash来改变href,但是页面不发生刷新
在这里插入图片描述
在html5的history模式:pushState
在这里插入图片描述
back()方法删除栈顶。
在这里插入图片描述

replaceState()方法替换。
目前前端流行的三大框架,都有自己的路由实现:
Angular的ngRouter

React的ReactRouter

Vue的vue-router

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。

我们可以访问其官方网站对其进行学习: https://router.vuejs.org/zh/

vue-router是基于路由和组件的

路由用于设定访问路径,将路径和组件映射起来.

在vue-router的单页面应用中,页面的路径的改变就是组件的切换.

安装vue-router

cnpm install vue-router --save

或者在创建的时候可以选择安装路由。

步骤二:在模块化工程中使用它(因为是一个插件,所以可以通过Vue.use()来安装路由功能)

在vue-cli2中
在vue-cli3/4中不需要以下配置。

≥第一步:导入路由对象,并且调用Vue.use(VueRouter)

第二步:创建路由实例,并且传入路由映射配置

≥第三步:在Vue实例中挂载创建的路由实例

index.js

//配置路由相关的信息
import vueRouter from 'vue-router'
import vue from 'vue'
//1.通过vue.use(插件),安装插件
vue.use(VueRouter)
//2.创建vueRouter对象
const routes =[]const router = new VueRouter({//配置路由和科组件之间的应用关系routes}
)//3.将router对象传入到vue实例
export default router

main.js

import router from './router'new Vue({el:'#app',router,//挂载render:h=>h(App)
})

render:h=>h(App)看不懂?

render (h){return h(App);
}
这下懂了把,箭头函数

在vue-cli2中在vue-cli3/4中语法有所不同。

02.vue-router基本使用

使用vue-router的步骤:
第一步:创建路由组件

第二步:配置路由映射:组件和路径映射关系

第三步:使用路由:通过<router-link>和<router-view>

<router-link>:该标签是一个vue-router中已经内置的组件,它会被渲染成一个<a>标签.

<router-view>:该标签会根据当前的路径,动态渲染出不同的组件.

网页的其他内容,比如顶部的标题/导航,或者底部的一些版权信息等会和<router-view>处于同一个等级.

在路由切换时,切换的是<router-view>挂载的组件,其他内容不会发生改变.

<template><div id="nav"><router-link to="/">Home</router-link> |<router-link to="/about">About</router-link></div><router-view/></template>

注意,当a的目标路由匹配时,它<router-link>会自动获取.router-link-active该类。

router-link属性
在前面的<router-link>中,我们只是使用了一个属性: to,用于指定跳转的路径.

<router-link>还有一些其他属性:

<router-link to='/home' tag='li '>

tag: tag可以指定<router-link>之后渲染成什么组件,比如上面的代码会被渲染成一个<li>元素,而不是<a>

tag="button"

replace: replace不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中

active-class:当<router-link>对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认的名称.

在进行高亮显示的导航菜单或者底部tabbar时,会使用到该类.

但是通常不会修改类的属性,会直接使用默认的router-link-active即可.

因此可以对router-link-active属性添加样式,达到点击表达不同的效果。

除了<router-link>跳转路径,还可以通过代码的方式修改路由

this.$router.push('/home')

战略性总结:
render/use/mount函数

use函数用于安装插件。

render函数的实质就是生成template模板;

mount函数就是挂载元素

动态路由的使用

根据用户的名字,路径也不同!
例如:
新建组件User.vue

<template><div><h3>用户界面</h3><h3>我是特定用户的信息界面</h3><h3>{{userName}}</h3></div>
</template><script>export default {name: "User",computed:{userName(){//获取处于活跃的路由return this.$route.params.userName;}}}
</script><style scoped></style>

App.vue

<template><div id="nav"><router-link to="/" tag="button">Home</router-link> |<router-link to="/about">About</router-link> |<router-link v-bind:to="'/user/'+userName">User</router-link><br><button @click="btn">点我也可以去关于(代码跳转)</button></div><router-view/></template>
<script>export default {//代码的方式name:'App',data(){return{userName:"mengyangchen"}},methods:{btn(){// this.$router.push('/about')this.$router.replace('/about')}}}
</script><style>
#app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;
}#nav {padding: 30px;
}#nav a {font-weight: bold;color: #2c3e50;
}#nav a.router-link-exact-active {color: #42b983;
}</style>

index.js

import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import User from '../components/User'
const routes = [{path: '/',name: 'Home',component: Home},{//动态路径path: '/user/:userName',component: User},{path: '/about',name: 'About',// route level code-splitting// this generates a separate chunk (about.[hash].js) for this route// which is lazy-loaded when the route is visited.component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')}
]const router = createRouter({history: createWebHistory(process.env.BASE_URL),//history模式routes
})export default router/*//配置路由相关的信息
import vueRouter from 'vue-router'
import vue from 'vue'
//1.通过vue.use(插件),安装插件
vue.use(VueRouter)
//2.创建vueRouter对象
const routes =[]const router = new VueRouter({//配置路由和科组件之间的应用关系routes}
)//3.将router对象传入到vue实例
export default router*/

HelloWorld.vue

<template><div class="hello"><h1>{{ msg }}</h1><p>For a guide and recipes on how to configure / customize this project,<br>check out the<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.</p><h3>Installed CLI Plugins</h3><ul><li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li><li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li></ul><h3>Essential Links</h3><ul><li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li><li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li><li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li><li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li><li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li></ul><h3>Ecosystem</h3><ul><li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li><li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li><li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li><li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li><li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li></ul></div>
</template><script>
export default {name: 'HelloWorld',props: {msg: String}
}
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {margin: 40px 0 0;
}
ul {list-style-type: none;padding: 0;
}
li {display: inline-block;margin: 0 10px;
}
a {color: #42b983;
}
</style>

main.js

<template><div class="hello"><h1>{{ msg }}</h1><p>For a guide and recipes on how to configure / customize this project,<br>check out the<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.</p><h3>Installed CLI Plugins</h3><ul><li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li><li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li></ul><h3>Essential Links</h3><ul><li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li><li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li><li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li><li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li><li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li></ul><h3>Ecosystem</h3><ul><li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li><li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li><li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li><li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li><li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li></ul></div>
</template><script>
export default {name: 'HelloWorld',props: {msg: String}
}
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {margin: 40px 0 0;
}
ul {list-style-type: none;padding: 0;
}
li {display: inline-block;margin: 0 10px;
}
a {color: #42b983;
}
</style>

Home.vue

<template><div class="home"><img alt="Vue logo" src="../assets/logo.png"><HelloWorld msg="Welcome to Your Vue.js App"/></div>
</template><script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'export default {name: 'Home',components: {HelloWorld}
}
</script>

About.vue

<template><div class="about"><h1>This is an about page</h1></div>
</template>

路由懒加载

当打包构建应用时,Javascript包会变得非常大,影响页面加载。

如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了

用到时再加载。

首先,我们知道路由中通常会定义很多不同的页面.
这个页面最后被打包在哪里呢?一般情况下,是放在一个js文件中.但是,页面这么多放在一个js文件中,必然会造成这个页面非常的大.

如果我们一次性从服务器请求下来这个页面,可能需要花费一定的时间,甚至用户的电脑上还出现了短暂空白的情况.
如何避免这种情况呢?
使用路由懒加载就可以了.

路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块.

只有在这个路由被访问到的时候,才加载对应的组件

路由懒加载的效果:
在这里插入图片描述
路由懒加载的写法:
在这里插入图片描述
将user组件改为懒加载:

import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'const routes = [{path: '/',name: 'Home',component: Home},{//动态路径path: '/user/:userName',name: 'User',component: ()=>import('../components/User')},{path: '/about',name: 'About',// route level code-splitting  路由懒加载// this generates a separate chunk (about.[hash].js) for this route// which is lazy-loaded when the route is visited.component: ()=>import(/* webpackChunkName: "about" */ '../views/About.vue')}
]const router = createRouter({history: createWebHistory(process.env.BASE_URL),//history模式routes
})export default router/*//配置路由相关的信息
import vueRouter from 'vue-router'
import vue from 'vue'
//1.通过vue.use(插件),安装插件
vue.use(VueRouter)
//2.创建vueRouter对象
const routes =[]const router = new VueRouter({//配置路由和科组件之间的应用关系routes}
)//3.将router对象传入到vue实例
export default router*/

03.vue-router嵌套路由

嵌套路由是一个很常见的功能

比如在home页面中,我们希望通过/home/news和/home/message访问一些内容.

一个路径映射一个组件,访问这两个路径也会分别渲染两个组件.
在这里插入图片描述
实现嵌套路由有两个步骤:
创建对应的子组件,并且在路由映射中配置对应的子路由.

在组件内部使用<router-view>标签.
home.vue

<template><div class="home"><img alt="Vue logo" src="../assets/logo.png"><HelloWorld msg="Welcome to Your Vue.js App"/><router-link to="/news">新闻</router-link> |<router-link to="/message">消息</router-link><router-view/></div>
</template><script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'export default {name: 'Home',components: {HelloWorld}
}
</script>

index.js

import { createRouter, createWebHistory } from 'vue-router'const routes = [{path: '/',name: 'Home',component: ()=>import('../views/Home.vue'),children:[{path:'news',name:'HomeNews',component:()=>import('../components/HomeNews.vue')},{path:'message',name:'HomeMessage',component:()=>import('../components/HomeMessage.vue')}]},{//动态路径path: '/user/:userName',name: 'User',component: ()=>import('../components/User.vue')},{path: '/about',name: 'About',// route level code-splitting  路由懒加载// this generates a separate chunk (about.[hash].js) for this route// which is lazy-loaded when the route is visited.component: ()=>import(/* webpackChunkName: "about" */ '../views/About.vue')}
]const router = createRouter({history: createWebHistory(process.env.BASE_URL),//history模式routes
})export default router/*//配置路由相关的信息
import vueRouter from 'vue-router'
import vue from 'vue'
//1.通过vue.use(插件),安装插件
vue.use(VueRouter)
//2.创建vueRouter对象
const routes =[]const router = new VueRouter({//配置路由和科组件之间的应用关系routes}
)//3.将router对象传入到vue实例
export default router*/

在这里插入图片描述

04.vue-router参数传递

传递参数主要有两种类型: params和query

params的类型:
配置路由格式: /router/:id

传递的方式:在path后面跟上对应的值

传递后形成的路径: /router/123,/router/abc

这种方式前面已经讲过。

query的类型:
配置路由格式 /router,也就是普通配置

传递的方式:对象中使用query的key作为传递方式

传递后形成的路径: /router?id=123,/router?id=abc

app.vue

<template><div id="nav"><router-link to="/home" tag="button">Home</router-link> |<router-link to="/about">About</router-link> |<router-link v-bind:to="'/user/'+userName">User</router-link> |
<!--    <router-link to="/profile">档案</router-link>-->
<!--<router-link :to="{path:'/profile',query:{name:'mengyangchen',age:'20'}}">档案</router-link>--><button @click="btn1">profile</button><br><button @click="btn">点我也可以去关于(代码跳转)</button></div><router-view/></template>
<script>export default {//代码的方式name:'App',data(){return{userName:"mengyangchen"}},methods:{btn(){// this.$router.push('/about')this.$router.replace('/about')},btn1(){this.$router.replace({path:'/profile',query:{name:'mengyangchen',age:'19'}})}}}
</script><style>
#app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;
}#nav {padding: 30px;
}#nav a {font-weight: bold;color: #2c3e50;
}#nav a.router-link-exact-active {color: #42b983;
}</style>

profile.vue

<template><div><h3>我是Profile!</h3><h3>{{$route.query.name}}</h3></div>
</template><script>export default {name: "Profile"}
</script><style scoped></style>

在这里插入图片描述
当有大量数据的时候用query。
router和route
$router为VueRouter实例,想要导航到不同URL,则使用$router.push方法

$route为当前router跳转对象里面可以获取name、path、query.params等

所有的组件都继承自vue类的原型

route表示当前活跃的路由。

05.vue-router全局导航守卫

正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。

我们来考虑一个需求:在一个SPA应用中,如何改变网页的标题呢?

网页标题是通过<title>来显示的,但是SPA只有一个固定的HTML,切换不同的页面时,标题并不会改变.但是我们可以通过JavaScript来修改<title>的内容.window.document.title = ‘新的标题’.

那么在Vue项目中,在哪里修改?
什么时候修改比较合适呢?

生命周期的钩子函数:

created(){}//组件创建完
mounted(){}//挂载完成
update(){}//界面更新完成

我们可以在created()函数完成。

import { createRouter, createWebHistory } from 'vue-router'const routes = [{path: '/',name: 'Home',component: ()=>import('../views/Home.vue'),children:[{//默认显示newspath: '',redirect:'news'},{path:'news',name:'HomeNews',component:()=>import('../components/HomeNews.vue')},{path:'message',name:'HomeMessage',component:()=>import('../components/HomeMessage.vue')}],meta: {title: '首页'}},{//动态路径path: '/user/:userName',name: 'User',component: ()=>import('../components/User.vue'),meta:{title:'用户'}},{path: '/about',name: 'About',// route level code-splitting  路由懒加载// this generates a separate chunk (about.[hash].js) for this route// which is lazy-loaded when the route is visited.component: ()=>import(/* webpackChunkName: "about" */ '../views/About.vue'),meta: {title: '关于'}},{path: '/profile',name:'Profile',component:()=>import('../components/Profile.vue'),meta: {title: 'Profile'}}
]const router = createRouter({history: createWebHistory(process.env.BASE_URL),//history模式routes
})router.beforeEach((to,from,next)=>{//全局守卫//从from 跳转到todocument.title = to.matched[0].meta.titleconsole.log(to)next()
});//export default router/*//配置路由相关的信息
import vueRouter from 'vue-router'
import vue from 'vue'
//1.通过vue.use(插件),安装插件
vue.use(VueRouter)
//2.创建vueRouter对象
const routes =[]const router = new VueRouter({//配置路由和科组件之间的应用关系routes}
)//3.将router对象传入到vue实例
export default router*/

补充一:如果是后置钩子,也就是afterEach,不需要主动调用next()函数.
然而和守卫不同的是,这些钩子不会接受 next 函数也不会改变导航本身:

router.afterEach((to, from) => {// ...
})

补充二:上面我们使用的导航守卫,被称之为全局守卫.

路由独享的守卫.

组件内的守卫.

官网

为什么使用导航守卫?

06.keep-alive

保存组件的状态。不让组件销毁。

keep-alive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。

它们有两个非常重要的属性:
include -字符串或正则表达,只有匹配的组件会被缓存
exclude -字符串或正则表达式,任何匹配的组件都不会被缓存

router-view也是一个组件,如果直接被包在keep-alive里面,所有路径匹配到的视图组件都会被缓存∶

<keep-alive><router-view/>
</keep-alive>

07.案例(TabBar)

实现思路:
1.如果在下方有一个单独的TabBar组件,你如何封装自定义TabBar组件,在APP中使用让TabBar出于底部,并且设置相关的样式

2.TabBar中显示的内容由外界决定
定义插槽
flex布局平分TabBar

3.自定义TabBarItem,可以传入图片和文字

定义TabBarItem,并且定义两个插槽:图片、文字。

给两个插槽外层包装div,用于设置样式。

填充插槽,实现底部TabBar的效果

08.Promise(重点)

ES6中一个非常重要和好用的特性就是Promise

但是初次接触Promise会一脸懵逼,这TM是什么东西?

看看官方或者一些文章对它的介绍和用法,也是一头雾水。Promise到底是做什么的呢?

promise是异步编程的一种解决方案。
那什么时候我们会来处理异步事件呢?

一种很常见的场景应该就是网络请求了。
我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。所以往往我们会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回调出去。

如果只是一个简单的网络请求,那么这种方案不会给我们带来很大的麻烦。

但是,当网络请求非常复杂时,就会出现回调地狱(例如求情的数据,作为参数再次请求数据)。

Promise可以很好的解决这个问题。

我们先来看看Promise最基本的语法。
这里,我们用一个定时器来模拟异步事件:
假设下面的data是从网络上1秒后请求的数据console.log就是我们的处理方式。

这是我们过去的处理方式,我们将它换成Promise代码这个例子会让我们感觉脱裤放屁,多此一举
首先,下面的Promise代码明显比上面的代码看起来还要复杂。
其次,下面的Promise代码中包含的resolve、reject、then、catch都是些什么东西?
我们先不管第一个复杂度的问题,因为这样的一个屁大点的程序根本看不出来Promise真正的作用。
在这里插入图片描述
首先,当我们开发中有异步操作时,就可以给异步操作包装一个Promise

异步操作之后会有三种状态我们一起来看一下这三种状态:
pending:等待状态,比如正在进行网络请求,或者定时器没有到时间。

fulfill:满足状态,当我们主动回调了resolve时,就处于该状态,并且会回调.then()

reject :拒绝状态,当我们主动回调了reject时,就处于该状态,并且会回调.catch()

Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。除了异步操作的结果,任何其他操作都无法改变这个状态。

如果不设置回调函数,Promise 内部抛出的错误,不会反应到外部。
在这里插入图片描述
对请求结果多次处理:
在这里插入图片描述

省略写法:
在这里插入图片描述

代码优雅而nice.

Promise的链式调用:
在这里插入图片描述

Promise的all方法:
在这里插入图片描述

在这里插入图片描述

All things come to those who wait.

在这里插入图片描述
在这里插入图片描述

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. Vue-Router4.x必知必会--万字肝文

    文章目录Vue-router什么是路由认识前端路由后端路由阶段前后端分离阶段URL的hashHTML5的HistoryHTML5的History测试pushStatevue-router认识vue-router路由的使用步骤路由的基本使用流程路由的默认路径history模式router-linkreplaceactive-class、exact-active-class路由懒加载…...

    2024/3/15 22:27:11
  2. Angular4学习笔记之路由简介

    简介 路由简介 浏览器具有我们熟悉的导航模式&#xff1a;1. 在地址栏输入URL&#xff0c;浏览器就会导航到相应的页面。2. 在页面中点击链接&#xff0c;浏览器就会导航到一个新页面。3. 点击浏览器的前进和后退按钮&#xff0c;浏览器就会在你的浏览历史中向前或向后导航。An…...

    2024/3/15 22:27:10
  3. vue-router的安装和使用

    文章目录一、前言二、安装三、简单使用1、创建路由组件2、配置路由映射: 组件和路径映射关系3、使用路由四、扩展1、让路径默认跳到到首页2、使用history模式3、router-link 的其它属性4、通过代码的方式实现路由跳转5、动态路由五、资料一、前言 目前前端流行的三大框架, 都有…...

    2024/3/15 22:27:09
  4. vue-router基础内容

    vue-router是vue官方指定的路由库&#xff0c;让我们来撸一遍vue-router的基本概念吧&#xff01; 安装 我是以直接下载的方式来引入vue-router的。 <script src"./lib/vue-router.js"></script>使用vue-router 定义路由 const routes [// 这里定义…...

    2024/3/15 22:27:08
  5. 割微创双眼皮的医院哪家好

    ...

    2024/3/15 17:27:34
  6. JS实现计算字符串字节长度

    JS计算字符串字节长度String.prototype.byteLength = function() {var count = 0;for(var i=0,l=this.length;i<l;i++) {count += this.charCodeAt(i) <= 128 ? 1 : 2;}return count; }附 :Byte、KB、B、MB、GB之间的关系是: Bit——比特 B ——字节 KB——千字节 MB—…...

    2024/3/13 16:05:19
  7. 在南昌割双眼皮多少钱

    ...

    2024/3/17 8:42:50
  8. 佛山医院割双眼皮 推荐美来

    ...

    2024/3/23 4:12:37
  9. 160914、ionic指令简单布局

    1) 添加引用类库(ionic样式和ionic js文件)2) 标题栏&#xff0c;页脚栏&#xff0c;内容区3) Js引入ionic类库&#xff0c;添加页面操作方法和对象4) 数据初始化5) Html页面绑定方法和对象<!DOCTYPE html><html ng-app"myApp"><head>&l…...

    2024/3/24 16:22:05
  10. 2021年,vue面试题分析(干货满满,内容详尽)

    vue核心知识——理论篇 1、Vue是一套渐进式框架 什么是渐进式框架&#xff1a;主张最少 Vue是渐进的&#xff0c;没有强主张&#xff0c;你可以在原有大系统的上面&#xff0c;把一两个组件改用它实现&#xff0c;当jQuery用&#xff1b;也可以整个用它全家桶开发&#xff0…...

    2024/3/29 1:17:48
  11. 【笔记-微信小程序】imooc-微信小程序入门与实践

    第一章&#xff1a;什么是微信小程序 1-1 开篇及课程特色介绍 1、老师id:小楼昨夜又秋风&#xff1a;https://zhuanlan.zhihu.com/oldtimes &#xff0c; 知乎id&#xff1a;七月在夏天。 2、实践式学习小程序开发&#xff1a;官方api文档 1-2 直观感受一下微信小程序 1、小…...

    2024/3/21 6:34:24
  12. 2020vue面试题汇总

    2020年Vue面试题 Interview ●●●● 作者&#xff1a;烦恼会解决烦恼 vue核心知识——理论篇 1、对于Vue是一套渐进式框架的理解 渐进式代表的含义是&#xff1a;主张最少。 Vue可能有些方面是不如React&#xff0c;不如Angular&#xff0c;但它是渐进的&#xff0c;没有…...

    2024/3/15 22:27:07
  13. vue 面试题 2019

    vue核心知识点 1、对于Vue是一套渐进式框架的理解 渐进式代表的含义是&#xff1a;主张最少。 Vue可能有些方面是不如React&#xff0c;不如Angular&#xff0c;但它是渐进的&#xff0c;没有强主张&#xff0c;你可以在原有大系统的上面&#xff0c;把一两个组件改用它实现&…...

    2024/3/15 22:27:05
  14. VUE01~05

    VUE vue介绍 一、官网 &#xff1a;https://cn.vuejs.org/ 1.vue特点&#xff1a;易用&#xff0c;灵活&#xff0c;高效 2.渐进式&#xff1a;根据需求的不同加载不同模块 3.库和框架的区别&#xff1a; 库>jq …js 功能单一 框架>vue react angular 4.vue核心&#…...

    2024/3/18 3:31:51
  15. 浏览器Performance面板性能监控详解

    研背景介绍 1.1 What Chrome DevTools的Performance面板&#xff1a;可以记录和分析页面在运行时的所有活动。 1.2 Why 使用Performance面板解决应用性能瓶颈 为应用的高性能开发提供参考指导价值 1.3 How 如何使用Performance面板查看网页性能 对影响性能的指标进行具体分…...

    2024/3/29 0:42:02
  16. 佛山割双眼皮医院领衔 美来

    ...

    2024/3/15 22:27:03
  17. 割双眼皮正规医院的多少钱

    ...

    2024/3/15 22:27:00
  18. 哪家医院割双眼皮最好的整形医院

    ...

    2024/3/17 21:03:16
  19. angular项目本地安装依赖所遇到问题记录

    一、问题描述 新加入一个项目组&#xff0c;前端用的是比较重的angular框架搭建的项目&#xff0c;但是download项目过后一直安装依赖出问题&#xff0c;下面对解决过程做一个记录&#xff0c;供后来者参考。 二、遇到的问题1 A.显示部分依赖没有安装上&#xff0c;此时千万…...

    2024/3/15 22:26:58
  20. electron 安装失败

    electron 安装失败 throw new Error(Electron failed to install correctly, please delete node_mo… 删除node_modules包&#xff0c;安装使用cnpm下载 npm i cnpm -g cnpm i --save-dev electron另外发布版本时在Installing dependencies报错/卡住&#xff0c;多试几次就行…...

    2024/3/15 22:26:58

最新文章

  1. 能够解析任何编程语言的开源语法解析树 | 开源日报 No.171

    tree-sitter/tree-sitter Stars: 14.6k License: MIT tree-sitter 是一个用于编程工具的增量解析系统。 该项目的主要功能、关键特性、核心优势包括&#xff1a; 通用性&#xff0c;能够解析任何编程语言高效性&#xff0c;能够在文本编辑器中每次按键都进行解析健壮性&…...

    2024/3/29 4:15:29
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 阿里云2核4G服务器优惠价格30元、165元和199元1年,轻量和ECS

    阿里云2核4G服务器租用优惠价格&#xff0c;轻量2核4G服务器165元一年、u1服务器2核4G5M带宽199元一年、云服务器e实例30元3个月&#xff0c;活动链接 aliyunfuwuqi.com/go/aliyun 活动链接如下图&#xff1a; 阿里云2核4G服务器优惠价格 轻量应用服务器2核2G4M带宽、60GB高效…...

    2024/3/28 21:07:40
  4. 【项目管理——时间管理】【自用笔记】

    1 项目时间管理&#xff08;进度管理&#xff09;概述 过程&#xff1a;&#xff08;2—6&#xff09;为规划过程组&#xff0c;7为监控过程组 题目定义&#xff1a;项目时间管理又称为进度管理&#xff0c;是指确保项目按时完成所需的过程。目标&#xff1a;时间管理的主要目标…...

    2024/3/28 7:37:55
  5. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/3/27 10:21:24
  6. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/3/24 20:11:25
  7. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/3/29 2:45:46
  8. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/3/24 20:11:23
  9. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/3/26 20:58:42
  10. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/3/28 17:01:12
  11. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/3/24 5:55:47
  12. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/3/29 1:13:26
  13. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/3/26 23:04:51
  14. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/3/26 11:20:25
  15. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/3/24 20:11:18
  16. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/3/28 9:10:53
  17. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/3/29 0:49:46
  18. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/3/24 20:11:15
  19. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/3/27 7:12:50
  20. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/3/24 20:11:13
  21. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/3/26 11:21:23
  22. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/3/28 18:26:34
  23. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/3/28 12:42:28
  24. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/3/28 20:09:10
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57