JS高级学习笔记(9) 之 转:前端路由跳转基本原理
前端路由跳转基本原理
前述
前端三大框架Angular
、React
和Vue
都推行单页面应用SPA开发模式,这是因为在路由切换时,替换DOM Tree中发生修改的DOM部分,来减少原来因为多页面应用跳转带来巨大的性能损耗。
他们都有自己典型的路由解决方案:@Angular/router、react-router、vue-router
。
一般来说,这些路由插件总是提供俩种不同的路由方式:Hash
和History
,有时候也会提供非浏览器环境下的路由方式Abstract
,在vue-router
中使用外观模式将不同的几种路由方式提供了一个一致的高层接口,让我们可以在不同路由方式中切换。
Hash 和 History 除了外观上的不同之外。还有一个重要的区别:
1.1 相关api
MDN:Location
BOM中的location对象
MDN上的例子:
var url = document.createElement('a'); url.href = 'https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container'; console.log(url.href); // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container console.log(url.protocol); // https: console.log(url.host); // developer.mozilla.org console.log(url.hostname); // developer.mozilla.org console.log(url.port); // (blank - https assumes port 443) console.log(url.pathname); // /en-US/search console.log(url.search); // ?q=URL console.log(url.hash); // #search-results-close-container console.log(url.origin); // https://developer.mozilla.org
1.2 实例
原理是吧目标路由和对应的回调记录下来,点击跳转触发hashchange
的时候获取当前路径并执行对应的回调,效果:
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>Document</title> </head><body><ul><li><a href="#/">/</a></li><li><a href="#/page1">/page1</a></li><li><a href="#/page2">/page2</a></li></ul><div class="content-div"></div><script>// 创建路由类 class RouterClass {constructor() {this.routes = {} // 记录路径标识符对应的 cbthis.currentUrl = '' // 记录hash只为方便执行 cb window.addEventListener('load', () => this.render())window.addEventListener('hashchange', () => this.render())}// 初始化 static init() {window.Router = new RouterClass()}// 注册路由 和 回调 @param - path - 路径// @param - cb - 回调 route(path, cb) {// 将路径及其对应的方法添加到 this.routes 对象中this.routes[path] = cb || function() {}}// 记录当前 hash,执行cb render() {this.currentUrl = location.hash.slice(1) || '/'this.routes[this.currentUrl]() // 默认页面 }}// 调用方法,监听 load 和 hashchange 事件 RouterClass.init()// 过去div 并 给div中添加数据 const ContentDom = document.querySelector('.content-div')const changeContent = content => ContentDom.innerHTML = content// 调用方法 Router.route('/', () => changeContent('默认页面'))Router.route('/page1', () => changeContent('page1页面'))Router.route('/page2', () => changeContent('page2页面'))</script> </body></html>
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>Document</title> </head><body><ul><li><a href="#/">/</a></li><li><a href="#/page1">page1</a></li><li><a href="#/page2">page2</a></li></ul><div class='content-div'></div><button>back</button><script>class RouterClass {constructor() {this,isBack = falsethis.routes = {} // 记录路径标识符对应的cbthis.currentStack = [] // hash 栈 window.addEventListener('load', () => this.render())window.addEventListener('hashchange', () => this.render())}// 初始化 static init() {window.Router = new RouterClass()}// 记录 path 对应的 cb 和 cb 的 回调 route(path, cb) {this.routes[path] = cb || function() {}}// 入栈当前hash,执行 cb 跳转页面 render() {if(this.isBack) { // 如果是由backoff进入,则置false之后returnthis.isBack = falsereturn}this.currentUrl = location.hash.slice(1) || '/'this.historyStack.push(this.currentUrl)this.routes[this.currentUrl]()}// 路由后退 back() {this.isback = truethis.historyStack.pop() // 移除当前 hash, 回退到上一个 const { length } = this.historyStackif(!length) returnlet prev = this.historyStack[length -1] // 拿到要回退到的目标hash location.hash = `#${ prev }`this.currentStack = prevthis.routes[prev]() // 执行对应cb }}RouterClass.init()const BtnDom = document.querySelector('button')const ContentDom = document.querySelector('.content-div')const changeContent = content => ContentDom.innerHTML = contentRouter.route('/', () => changeContent('默认页面'))Router.route('/page1', () => changeContent('page1页面'))Router.route('/page2', () => changeContent('page2页面'))// bind() 可以改变函数内部的this的指向,并返回一个新的函数,你必须调用它才会被执行 BtnDom.addEventListener('click', Router.back.bind(Router), false)</script> </body></html>
2.1
window.history.back(); // 这和用户点击浏览器回退按钮的效果相同 window.history.forward(); // 向前跳转 window.history.go(n); // 跳转到 history 中指定的一个点 window.history.go(-1); // 向后移动一个页面 (等同于调用 back()) window.history.go(1); // 向前移动一个页面, 等同于调用了 forward() window.history.length; // 长度属性的值来确定的历史堆栈中页面的数量
history.pushState() // 追加一条新的历史记录// history.pushState('状态对象:历史记录的标题', '标题:历史记录的描述', url) history.replaceState() // 替换当前的历史记录为一条新的记录// history.replaceState('历史记录的标题', '历史记录的描述', url) // window.onpopstate 事件 历史切换事件
pushState() 方法的例子
假设在http://mozilla.org/foo.html
中执行了以下js代码:
let stateObj = {foo: "bar", };history.pushState(stateObj, "page 2", "bar.html");
假设用户又访问了http://google.com
,然后点击了返回按钮,此时地址栏现实的是`http://mozilla.org/bar.html
,history.state
中包含了stateObj
的一份拷贝。页面此时展现为bar.html
。切页面被重新加载了,所以popstate
事件将不会被触发。
如果我们再次点击返回按钮,页面URL会变为http://mozilla.org/foo.html
,文档对象document会触发另外一个 popstate
事件,这一次的事件对象state object为null。 这里也一样,返回并不改变文档的内容,尽管文档在接收 popstate
事件时可能会改变自己的内容,其内容仍与之前的展现一致。
replaceState() 方法的例子
history.replaceState()
的使用与 history.pushState()
非常相似,区别在于 replaceState()
是修改了当前的历史记录项而不是新建一个。 注意这并不会阻止其在全局浏览器历史记录中创建一个新的历史记录项。
假设http://mozilla.org/foo.html
执行了如下JavaScript代码:
let stateObj = {foo: "bar", };history.pushState(stateObj, "page 2", "bar.html");
history.replaceState(stateObj, "page 3", "bar2.html");
假设现在用户重新导向到了http://www.microsoft.com
,然后点击了回退按钮。这里,地址栏会显示http://mozilla.org/bar2.html
。假如用户再次点击回退按钮,地址栏会显示http://mozilla.org/foo.html
,完全跳过了bar.html。
每当活动的历史记录项发生变化时, popstate
事件都会被传递给window对象。如果当前活动的历史记录项是被 pushState
创建的,或者是由 replaceState
改变的,那么 popstate
事件的状态属性 state
会包含一个当前历史记录状态对象的拷贝。
使用示例请参见 window.onpopstate
。
获取当前状态
页面加载时,或许会有个非null的状态对象。这是有可能发生的,举个例子,假如页面(通过pushState()
或 replaceState()
方法)设置了状态对象而后用户重启了浏览器。那么当页面重新加载时,页面会接收一个onload事件,但没有 popstate 事件。然而,假如你读取了history.state属性,你将会得到如同popstate 被触发时能得到的状态对象。
你可以读取当前历史记录项的状态对象state,而不必等待popstate
事件, 只需要这样使用history.state
属性:
let currentState = history.state;
2.2 实例
将之前的例子改造一下,在需要路由跳转的地方使用 history.pushState
来入栈并记录 cb
,
前进后退的时候监听 popstate
事件拿到之前传给 pushState
的参数并执行对应 cb
,因为借用了浏览器自己的 Api。
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>h5 router</title> </head><body><ul><li><a href="/">/</a></li><li><a href="/page1">page1</a></li><li><a href="/page2">page2</a></li></ul><div class='content-div'></div><script>class RouterClass {constructor(path) {this.routes = {} // 记录路径标识符对应的cb history.replaceState({ path }, null, path)this.routes[path] && this.routes[path]()window.addEventListener('popstate', e => {console.log(e, ' --- e')const path = e.state && e.state.paththis.routes[path] && this.routes[path]()})}/*** 初始化*/static init() {window.Router = new RouterClass(location.pathname)}/*** 记录 path 对应 cb* @param path 路径* @param cb 回调*/route(path, cb) {this.routes[path] = cb || function() {}}/*** 触发路由对应回调* @param path*/go(path) {history.pushState({path}, null, path)this.routes[path] && this.routes[path]()}}RouterClass.init()const ul = document.querySelector('ul')const ContentDom = document.querySelector('.content-div')const changeContent = content => ContentDom.innerHTML = contentRouter.route('/', () => changeContent('默认页面'))Router.route('/page1', () => changeContent('page1页面'))Router.route('/page2', () => changeContent('page2页面'))ul.addEventListener('click', e => {if (e.target.tagName === 'A') {e.preventDefault()Router.go(e.target.getAttribute('href'))}})</script> </body></html>
转载于:https://www.cnblogs.com/houfee/p/10780377.html
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 双眼皮埋线会使眼睛松弛吗
...
2024/4/28 15:00:37 - 怎样辨别如何看出假怎么看出双眼皮是割的
...
2024/5/3 3:42:57 - angular自定义指令scope属性学习笔记
指令在angular项目中的应用非常频繁,当它自带的指令不能满足我们的需求时,我们就需要自定义指令; 在angular,作用域是一个很重要的概念。同样的,要定义一个指令,我们也需要设置他的sope; angula…...
2024/4/21 16:14:57 - 猜双眼皮真假
...
2024/4/21 16:14:55 - 真假双眼皮对比
...
2024/4/23 16:40:01 - 双眼皮能看出真假吗
...
2024/4/21 16:14:53 - AngularJS 原生代码实现穿梭框
之前一段时间都在跟一个前端用 AngularJS 写的项目实习,有一个地方需要用到穿梭框,在网上找了几个组件,但是发现这个项目都没有引入这几个组件的框架,老板又不想引入新的框架,所以…只能手写一个,直接上…...
2024/4/20 14:30:13 - 一个APP的迭代(3) - 网络篇
添加登录、注册、忘记密码、备份日记功能 上一篇博文:一个APP的迭代(2) - 基础篇,已经把日记列表,查看日记,删除日记,修改日记的功能做出来了,并且已经上线到应用市场,有用户在使用。 但也仅限…...
2024/4/20 14:30:11 - 如何分辨双眼皮真假
...
2024/4/20 14:30:10 - 如何分辨如何假假性双眼皮怎么回事
...
2024/4/25 18:09:25 - 李跃军和刘纲唐都医院刘纲唐都唐都医院李望舟做割双眼皮 化妆
...
2024/4/21 16:14:52 - 唐都李跃军唐都医院李跃军李跃军唐都医院刘纲双眼皮怎么样
...
2024/4/21 16:14:52 - 修复双眼皮风险大
...
2024/4/21 16:14:50 - Ionic中采用cordova-transfer上传图片到腾讯云对象存储(COS)
经过两周时间的折腾,终于实现了在Ionic中将图片上传到腾讯云COS中。这里记录一下自己踩过的坑。 在腾讯云COS提供的SDK包中,只有JavaScript-SDK包,该包的实现是采用Jquery实现的。而在我们Ionic开发中是采用Angular实现的,所以不…...
2024/4/21 16:14:50 - 怎么将图片上传封装成指令?
1.背景介绍 在js-task-9内,我们需要实现一个将本地图片上传的功能,并且能够进行预览并且将图片的一些属性展示出来。 为了实现这个功能,我们利用所学的angular知识来做一个功能比较简单的图片上传组件。 2.知识剖析 基础知识 关于指令&#x…...
2024/4/21 16:14:49 - 被误传了数千年的七句话(精简版_转载)
1、以德抱怨原句:“或曰:‘以德报怨,何如?’子曰:“何以报德?以直报怨,以德报德” ————《论语 宪问》 以德抱怨,是我们常听到的一句话了,人们通常理解的“以德抱怨”什么意思呢?就是说:孔老夫子教我们,别人欺负你了,你要忍,被打碎牙齿也要往肚子里吞,别人来…...
2024/4/21 16:14:48 - html5多个图片同时上传相关逻辑
htmldemo本文模拟发朋友圈的图片上传,这个功能是我项目中的一个实例分享给大家,下面是htmldemo因为我使用的是angular所以‘’upload-image1‘’表示的都是angular中的指令,至于一些样式那就是小伙伴们自由发挥了指令demo这是相关指令的demo&…...
2024/4/21 16:14:46 - angularJS+Ionic移动端图片上传的解决办法
前端开发中经常会碰到图片上传的问题,网上的解决办法很多,可是有些图片上传的插件会有一些附属的插件,因此因为一个图片上传的问题可能额需要引入其他插件到项目中,久而久之项目会不伦不类,有时候插件之间也会有一些冲…...
2024/4/28 21:52:09 - AngularJS 上传图片demo 多图上传支持删除操作 angularjs php
先看demo样式: 1.HTML结构: <div class"clear"><div class"rightWrap upload-wrap"><div class"addimg-wrap"><input class"upload-btn" multiple type"file" name"files&…...
2024/4/29 1:02:49 - 割了双眼皮和眼角用什么药
...
2024/4/21 16:14:44
最新文章
- 加州大学欧文分校英语中级语法专项课程02:Adjectives and Adjective Clauses 学习笔记
Adjectives and Adjective Clauses course certificate 本文是 https://www.coursera.org/learn/adjective-clauses 这门课的学习笔记。 文章目录 Adjectives and Adjective ClausesWeek 01: Adjectives and Adjective PhrasesLearning Objectives Adjectives Introduction Le…...
2024/5/3 7:19:26 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 视频图像的两种表示方式YUV与RGB(4)
本篇主要讲YUV与RGB之间的转换,包括YUV444 颜色编码格式 转为 RGB 格式 ,RGB颜色编码格式转为 YUV444 格式。 一、 YUV与RGB之间的转换 YUV与RGB颜色格式之间进行转换时 , 涉及一系列的数学运算 ; YUV 颜色编码格式转为RGB格式的转换公式 取决于 于 YUV …...
2024/5/1 8:27:57 - Spring集成MyBatis
基本准备 创建Dynamic Web Project 引入相关jar包 Spring框架相关jar包 MyBatis连接Spring相关jar包 连接MySQL驱动包 JSTL标签库包 添加db.properties文件,该属性文件配置连接数据库相关信息 drivercom.mysql.jdbc.Driver urljdbc:mysql://localhost:3306/myba…...
2024/4/30 17:16:43 - idea中 错误:找不到或无法加载主类
很神奇的就是maven打包是正常的,本来也是好好的,突然启动就报错了,我百度了很急,没什么结果,找了公司6年工作经验的老员工,还是搞了好久,我站了好久也是没解决。后来我也是在想maven的jar包都能…...
2024/4/30 17:24:42 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/1 17:30:59 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/2 16:16:39 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/29 2:29:43 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/2 9:28:15 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/30 9:43:09 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/2 15:04:34 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/29 20:46:55 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/30 22:21:04 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/1 4:32:01 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/30 9:42:22 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/2 9:07:46 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/30 9:42:49 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) 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 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在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