5.History对象的原理和实现—路由设计
序
History处理是单页面一大难点,而且容易被开发者忽略,如果不看重这一块,做出来的项目很容易让用户觉得混乱,本人经常看到有些比较优秀的作品,在这个方面做的很一般。例如有以下细节处理:
用户进入首页,点击某个操作详情页面,在详情页面中点击进入更深的操作页面,做完后返回到首页。 这时候点击手机的后退键,又回到了上个操作界面, 原因如下:
- 按照正常逻辑,从首页直接到操作页中间直接跳过详情页,对于操作逻辑是有问题的;
- 如果操作页面有些数据是从详情页带过来的,直接从首页返回到操作页面会带来隐患的bug;
- 如果返回到操作页面数据都没有错,这个系统将会存留着每个页面的数据信息,当页面越多,内存消耗越大,那就不适合做大型的项目了。
正确的流程逻辑是从操作页面返回到首页,将会从history栈中释放详情页和操作页的内存,如果再点击后退,将会退出App。
history管理看似与渲染无关可以忽略,其实暗藏着很多的玄机,如果使用不当,做出的webapp体验还不如以前的多页面。因为多页面每切换一个页面,浏览器会帮忙处理之前页面的内存,单页面则完全需要开发者来解除引用关系来间接销毁内存。内存消耗过多会大量的消耗手机电量,或者造成浏览器卡死甚至闪退。
在浏览器的api中,history对应的路由控制只有几个非常简单的api,这里做一个简要的介绍。尽量使用原生的api是很重要的,虽然js上可以通过模拟解决很多问题(主要说的是切换页面效果),然而对于底层支持,每个浏览器支持是具备一致性的,这主要反馈在硬件的交互上。比如我们可以点击web上的按钮退到上一页(模拟的切换页面)和点击手机的后退物理键退到上一页的意义是不一样的,我们要做到一致,不然开发者对页面的切换操控力会变得紊乱。
因此保持页面的和历史状态页面一致是非常重要的,下面是原生的history api简要介绍
-
属性
- scrollRestoration: 允许Web应用程序在历史导航上显式地设置默认滚动恢复行为;
- state: 返回一个表示历史堆栈顶部的状态的值,用于获取当前页面数据。
-
方法
-
back(): 前往上一页, 用户可点击浏览器左上角的返回按钮模拟此方法, 手机上物理键点后退;
-
forward(): 前往下一页,用户可点击浏览器左上角的前进按钮模拟此方法, 手机物理键不支持;
-
go(): 通过当前页面的相对位置从浏览器历史记录( 会话记录 )加载页面;
-
pushState(): 按指定的名称和URL(如果提供该参数)将数据push进会话历史栈;
-
replaceState(): 按指定的数据,名称和URL(如果提供该参数),更新历史栈上最新的入口。
用图描述pushState和replaceState的细节
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3XkMP3eL-1602654668272)(https://wwww.renxuan.tech/public/img/history.png)]
-
-
事件:popstate
刚开始进入页面,用户未做任何操作,js进行的历史状态更改都是不会生效的,当操作后,之前的更改才会对应到历史状态中
需求
把相关的路由操作放在App对象上,它具有监听历史状态和更改的功能,即使应对常见非js调用的情况,比如back()和forward()的外部操作也能做出正确页面管理,对于go()一般都是用js调用,因此可以略过。还需要实现一些常见的场景需求,虽然无法通过api简单的实现,总结如下:
- 保证显示页面和历史状态中始终保持一致,前进渲染后一个页面,后退显示前一个页面;
- 能很好的模拟原生api,并且保证页面和历史状态页面保持一致;
- 可以锁定页面,让用户无法切换页面(常见于页面锁定,需要密码);
- 可以切换到任何一个页面,且让它无法进行前进操作(历史状态的最后一页),而且前面的历史记录,每个记录的状态都可以自定义;
- 可以切换到任何一个页面,它的前进和后退的历史记录,记录状态都可以自定义。
实现思路
由于暂时没有任何原生api告诉开发者,用户切换的页面和之前那个页面有什么关系。因此我们手动创建一个本地模拟history对象,它拥有一个数组,对应着原生的历史状态,这样子我们就可以通过订阅popstate事件,来确定用户到底是点了前进还是后退。对于go的监听,牵涉到页面较多且不确定性,所幸的是支持go操作的浏览器按键几乎没有,用js的时候是可以确定的知道到底要跳哪个页面。这里假设我们已经实现了对于的History对象globalHistory。我们的popstate事件应该是这么写的(注:这里只有实现思路,内部细节实现还要考虑很多,比这个情景要更复杂)
window.addEventListener("popstate", function (ev) {// 获取当前页面的前后页面的url,如果是前面页面匹配,渲染前面,否则是后面// 前提在于避免一个页面的前后页面都是同一个页面var urlObj = globalHistory._getSurroundUrl();// 从当前浏览器上获取的url,主要是location.pathvar currentUrl = globalHistory._getCurrentHistoryName();if (urlObj.prev === currentUrl) {globalHistory.previous();}else {globalHistory.next();}// 根据当前的页面信息渲染页面domChangeMethod(globalHistory, history.state);
}, false);
接下来实现History,主要是思路,内部代码实现需要考虑更多东西,所以略有不同
function History() {this.history = []; // 对应浏览器的历史状态this.index = null; // 代表当前的位置// 还可以有其他内容,这里与主题无关,暂略
}
History.prototype = {constructor: History,// 初始化initialize: function (url) {this.history = [url];this.index = 0;},// 对应history.pushState方法,细节实现图的原理pushState: function (page, data) {// 先移除后面的历史状态,然后添加到最后一项for (var i = this.history.length - 1; i >= this.index + 1; i++) {this.history.splice(i, 1); //移除}this.history.push(page.url) // 添加this.index++;history.pushState(data, page.title, page.url); // 对应起来},// 对应history.replaceState方法,细节实现图原理replaceState: function (page, data) {this.history.splice(this.index, 1, page.url);history.replaceState(data, page.title, page.url);},_getSurroundUrl: function () {return {next: this.history[this.index + 1],prev: this.history[this.index - 1]}},_getCurrentHistoryName: function () {return location.pathname;},previous: function () { this.index-- },next: function () { this.index++; },
};
锁定页面的思路很简单,就是监听popstate事件,如果是锁定状态,然后判断是否前进或者后退。然后执行反向操作,因此需要有个状态值,要用来截断后续页面更新操作,代码如下
在History.prototype加入该方法
setLocked: function (isLocked) { this.locked = isLocked; };
在popstate事件中修改
window.addEventListener("popstate", function (ev) {// 获取当前页面的前后页面的url,如果是前面页面匹配,渲染前面,否则是后面// 前提在于避免一个页面的前后页面都是同一个页面var urlObj = globalHistory._getSurroundUrl();if (globalHistory.locked) {if (urlObj.prev === currentUrl) {globalHistory.next(); // 保持一致return history.forward();}else (urlObj.next === currentUrl) {globalHistory.previous(); // 保持一致return history.back();}return true; // js执行forward()和back()导致popstate事件}// 其它代码
}, false);
对于4,5两点,归根于同一个问题就是可以随意的配置浏览器中的历史页面列表,可以通过pushstate添加历史记录,并移除后面的历史记录,并把索引指向最后一个页面。也可以使用replaceState更换当前的状态。因此第一步我们先使用pushState保证页面的数量,并且保证当前的页面索引指向最后一个页面。然后通过切换索引,使用replaceState更改所有页面的url和配置项。虽然理论上可行,但是还存在着一个特殊情况:从拥有多个页面的历史列表转换为只有一个页面的历史列表。
例子: 用户进入首页,然后点击详情,接着点击详情跳到下一个页面。 这时候历史列表中拥有3个页面分别是
首页 -> 详情 -> 下一页面
要想把它变成仅有一个 首页 的历史列表。使用当前的api是做不到的。
然而可以把它变成 首页 -> 详情
过程如下:后退两步, pushState详情页面。渲染详情页面
使用在历史列表中导航同样会造成popstate事件,因此还需要有一个状态来控制popstate,避免他切换页面。在History原型对象中添加一个方法
setSkip: function (isSkip) { this.isSkip = isSkip; };
在popstate事件中加入一个一段,判断是否略过,然后return掉,代码如下
window.addEventListener("popstate", function (ev) {// 获取当前页面的前后页面的url,如果是前面页面匹配,渲染前面,否则是后面// 前提在于避免一个页面的前后页面都是同一个页面var urlObj = globalHistory._getSurroundUrl();// 是否locked代码if (globalHistory.isSkip) {return;}// 其它代码
}, false);
通过上面的思路,可以实现包含两个元素以上的任意历史列表。如何实现仅有一个 元素 的历史列表。我们把思路切换一下。加入一个新的历史列表规则,任何时期的历史状态都是大于等于2个,如下例子
刚进入: 历史状态为[’/str’, ‘/home’],
进入详情:历史状态为[’/str’, ‘/home’, ‘/detail’]
再进入一个页面: 历史状态为[’/str’, ‘/home’, ‘/detail’, ‘next’]
如果要回到首页没有前进状态,就可以使用上面的节奏
回退三步,再pushState首页,渲染首页。
接着我们怎么处理第一个名为/str的页面呢?我们可以假设它是一个空白页。当切换到这个页面的时候,提示用户再点击一次后退退出App。这样的操作行为也是符合用户的操作习惯。因此可以更改History初始化方法
initialize: function (url) { this.history = ["/str", url];this.index = 1;
}
更改popstate事件,将它改为
window.addEventListener("popstate", function (ev) {// 获取当前页面的前后页面的url,如果是前面页面匹配,渲染前面,否则是后面// 前提在于避免一个页面的前后页面都是同一个页面var urlObj = globalHistory._getSurroundUrl();// 是否locked代码// 是否isSkip代码if (globalHistory._getCurrentHistoryName() == "/str") {popUp.show("2秒再次点击后退,退出App");setTimeout(function () {// 如果用户没有点击后退,返回到之前的历史状态history.pushState(globalState[1], "", option);}, 2000);}// 其它代码
}, false);
上诉的历史状态操作,仅仅在思路上的实现了历史列表以及页面的切换、缓存的处理。这是一个单页面的核心,也是单页面中最复杂的部分。我们在App原型对象中添加了有用的关于历史状态相关处理的api,简要如下:
- setSkipHistoryPop(isSkip): 阻止popstate事件中切换页面,但是原生历史状态指向还是会更改的;
- setSkipPopBack(popBack): 阻止popstate事件中切换页面时触发的方法,这里可以跟随原生历史状态指向做一些其它操作;
- renderBack(option): 后退一步且为最后一个历史状态页面(无法前进);
- renderTo(num, option): 后退num步,且为最后一个历史状态页面(无法前进);
- renderPageAfterNum(num, pagename, option): 后退num步后,然后渲染某个页面,该页面为最后一个历史状态页面;
- render(pagename, isReplace, data): 渲染某个页面,第三个参数代表为pushState还是用replaceState进入历史列表中;
- lock(): 锁定App让无法用前进后退改变页面;
- unlock(): 解锁。
[案例查看]http://www.renxuan.tech:2004
结语
单页面与多页面最大的区别在于history api的运用了,也是一大难点。这篇主要讲述了在单页面使用history的思路,并给出简单的代码案例,在框架源代码中,还有更复杂的封装,因为页面切换、内存使用、弹窗与历史记录的关系等都和history使用有不可分割的关系,这些在后续篇章进行详解。
推广
底层框架开源地址:https://gitee.com/string-for-100w/string
演示网站: https://www.renxuan.tech/
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- Git和Github知识概括
Git和Github知识概括版本控制简介Git 简介Git 命令行操作基本操作分支管理Git 基本原理哈希Git 保存版本的机制Git 分支管理机制GitHubEclipse,Idea 操作EclipseGit 工作流GitFlow 工作流详解Gitlab 服务器搭建过程版本控制简介 版本控制工具应该具备的功能: 协同…...
2024/4/24 21:00:02 - java 脱敏工具类
public class SensitiveInfoUtil {/*** [中文姓名] 只显示第一个汉字,其他隐藏为星号<例子:李**>* * param name 姓名* return*/public static String chineseName(String fullName) {if (StringUtils.isBlank(fullName)) {return "";}S…...
2024/4/26 11:28:59 - 来看看GIS中的坐标系统
来看看GIS中的坐标系统前言地理坐标系(GCS)投影坐标系(PCS)高斯-克吕格投影墨卡托投影Web 墨卡托投影(基于WGS84)UTM投影(通用墨卡尔投影)国内常用的坐标系前言 坐标系统是描述现实…...
2024/4/24 20:23:10 - Java - 7 - 网络编程
文章目录一、网络编程概述二、网络通信要素概述三、通信要素1:IP和端口号四、通信要素2︰网络协议五、TCP网络编程六、UDP网络编程七、URL编程一、网络编程概述 概述 1.1 Java是 Internet上的语言,它从语言级上提供了对网络应用程序的支持,程序员能够很…...
2024/4/24 16:43:11 - 今日校园自动健康上报|自动填表|疫情上报!Python牛逼!
开发环境 python3.0 -----自动填表/打卡/上报原理 其实也就是模拟一个数据包,调用今日校园的api;实现登入功能;然后查找未填写的表;倘若表的序列号已经存在你的代码包里面,就会自动将包数据发到职教云服务器上面去&a…...
2024/4/25 2:30:11 - 建站企业与日俱增,谨慎选择合适的。
关于企业网站建设这个行业,不少专业人士在提及的时候都会以“十分之火爆”来形容它,可见这个行业大环境的确如此,但是为什么会火爆?在这背后的必然性原因又是什么呢?对此很多人就无法有深刻的理解和认知了,…...
2024/4/21 16:29:11 - 弹窗原理详解
序 在平时中,经常会用组件来定义弹窗,因为弹窗可以用一个div元素浮在页面上。在事实上,弹窗可以简单也可以复杂,简单到只有一个标题,一个文本描述;复杂到可以和一个app一样,拥有前进后退&#…...
2024/4/14 16:35:18 - kubeadm搭建简单的k8s集群
Kubeadm 是一个 K8s 部署工具,提供 kubeadm init 和 kubeadm join,用于快速部 署 Kubernetes 集群。 官方地址:https://kubernetes.io/docs/reference/setup-tools/kubeadm/kubeadm/ 1安装要求 在开始之前,部署Kubernetes集群机器…...
2024/4/26 3:25:34 - 程序员不满薪资拒绝offer,HR怒称:估计你一辈子就是个程序员了!
职场上,公司与求职者是处于一种平等关系,你看重我能力,而我看重的是薪资和发展平台。对于双方来说,接受与拒绝都很正常,被拒绝也应该理性看待。 但是就有一名程序员在求职过程中,公司看重他的技能…...
2024/4/25 23:39:37 - 简单的统计学:如何用Python计算扑克概率
介绍 在本文中,我们展示了如何在Python中表示基本的扑克元素,例如“手”和“组合”,以及如何计算扑克赔率,即在无限额德州扑克中获胜/平局/失败的可能性。 我们根据《拉斯维加斯威尼斯之夜》中的真实故事提供实用的分析。 我们将使…...
2024/4/24 17:24:42 - 学习Python,这22个包怎能不掌握?
作者 | Erik-Jan van Baaren 译者 | 弯月,责编 | 屠敏 头图 | CSDN 下载自东方 IC 出品 | CSDN(ID:CSDNnews) 以下为译文: 如今全球各个行业内 Python 的使用状况怎么样呢? 这个问题就是我写这篇文章的初衷…...
2024/4/22 14:58:12 - 智慧城市发展情况及未来
智慧城市是新一代技术支撑下的城市形态,是一种基于互联网、云计算、物联网、人工智能等新一代信息技术,全面整合城市的运营与管理资源,从而实现国民经济和社会生活的智能化发展的一种新型城市形态。智慧城市的实质是利用新一代信息技术实现城…...
2024/4/8 16:10:21 - Jenkins 参数化构建插件:Active Choices 文档
预览 Active Choices 插件用于自由式Jenkins参数化工作创建脚本化、动态和交互式作业参数。主动选择参数可以动态更新,并可以呈现为组合框,复选框,单选按钮或丰富的HTML UI小部件。 主动选择参数使用Groovy编写脚本,或者(可选)S…...
2024/4/24 17:49:35 - linux虚拟机vmware,VM虚拟机——vmware 14
vmware 也就是VM虚拟机,是模拟一台电脑的配置环境来运行程序。一般来说用于制作系统盘、做虚拟服务器、做虚拟机游戏登陆、封闭虚拟环境测试程序(病毒与杀毒)等。这里简单介绍一下Vmware。 首先我们访问官网地址https://www.vmware.com/cn.h…...
2024/4/8 11:18:57 - HyperledgerFabric学习笔记——Install Prerequisites
参考文献:Hyperledger Fabric官方文档 Install Prerequisites 在我们开始学习使用Hyperledger Fabric之前,需要确认在开发平台下已安装了以下的开发环境。 Insert Git 安装最新版本的git,否则你将在执行curl命令时遇到问题。 安装命令&a…...
2024/4/8 12:16:29 - 大学生查题软件那个好?搜题TOP榜排行
为了检查作业的准确率,很多人都借助手机搜题软件,那么哪个搜题软件好呢?相信很多小伙伴还不知道吧,本专题就为大家带来好用的手机搜题app。有需要的小伙伴们快来下载体验吧,希望对大家能有所帮助。 三、小猿搜题 是一款解除了一…...
2024/4/18 7:26:11 - Python的前世今生
认识 Python 人生苦短,我用 Python —— Life is short, you need Python 目标 Python 的起源为什么要用 Python?Python 的特点Python 的优缺点 01. Python 的起源 Python 的创始人为吉多范罗苏姆(Guido van Rossum) 1989 年的圣诞…...
2024/4/8 14:42:27 - 建议收藏!2020阿里面试题(JVM+Spring Cloud+微服务)上
前言 对于大厂面试,我想要强调的一点就是心态真的很重要,是决定你在面试过程中发挥的关键,若不能正常发挥,很可能就因为一个小失误与offer失之交臂,所以一定要重视起来。另外提醒一点,充分复习,…...
2024/4/27 3:34:03 - 通过Serverless技术降低微服务应用资源成本
简介:从本质上来讲,微服务是一种架构风格,将一个大型的系统拆分为多个拥有独立生命周期的应用,应用之间采用轻量级的通信机制进行通信。这些应用都是围绕具体业务进行构建,可以独立部署、独立迭代,也可能根…...
2024/4/24 21:59:21 - win10常用软件
一、分类 系统工具办公软件桌面管理编程开发数据库相关图片视频工具网络及下载工具解压缩工具影音娱乐工具 二、软件工具 1.系统工具 1.1. 磁盘管理 PartAssist:一款好用的磁盘分区管理工具。 1.2. 修复、引导 EasyBCD:一款常用的系统引导和修复…...
2024/4/9 13:04:17
最新文章
- (GEE)2000-2020年黄河流域时序渐变图及高程模型计算 JavaScript版
文章目录 一. 选取目标区域二. NDVI实现三. 高程模型DEM实现四. 时序图五. 植被覆盖类型六. 参考文献 首先推荐吴秋生老师团队开源的便捷构建网站:适用于地理空间应用的Streamlight 吴秋生老师团队的工具请自行探索。本文讲解基于GEE云开发平台实现,基于…...
2024/4/28 4:28:39 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - Django实现的登录注册功能
1 前言 在Web开发中,用户登录和注册是最基本且必不可少的功能。Django,作为一个高级的Python Web框架,为我们提供了强大的工具和库来快速实现这些功能。下面,我将详细介绍如何使用Django来实现用户登录和注册功能。 2 功能介绍 …...
2024/4/23 6:25:06 - 第十一届蓝桥杯物联网试题(省赛)
对于通信方面,还是终端A、B都保持接收状态,当要发送的数组不为空再发送数据,发送完后立即清除,接收数据的数组不为空则处理,处理完后立即清除,分工明确 继电器不亮一般可能是电压不够 将数据加空格再加\r…...
2024/4/26 12:38:30 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/4/28 4:04:40 - 【Java】ExcelWriter自适应宽度工具类(支持中文)
工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...
2024/4/27 3:39:11 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/4/27 12:24:35 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/4/27 12:24:46 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/4/27 3:39:08 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/4/27 3:39:07 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/4/27 3:39:07 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/4/27 12:44:49 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/4/27 21:08:20 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/4/26 22:35:59 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/4/27 18:40:35 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/4/28 4:14:21 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/4/27 13:52:15 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/4/27 13:38:13 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/4/27 1:03:20 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/4/27 3:22:12 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/4/27 22:51:49 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/4/27 3:39:00 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/4/26 23:53:24 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/4/27 20:28:35 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下: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