svg技术绘制血缘关系
- 说明
项目中需要绘制作业血缘图,网上调研了下也没有找到合适的轮子,于是就自己撸了,这里只有一层依赖关系,及父与子作业。 - 思路
根据后端返回的接口数据,计算每个节点的位置坐标,根据节点文本内容计算每个节点的宽度,高度固定。得到这些位置信息后,借用svg的path标签绘制出本依赖关系图。 - 预览
- 实现(代码写得比较粗糙,需要整体,这里贴个初版)
接口返回的数据结构如下:
代码实现:
// dag.js
const SVG_NS = 'http://www.w3.org/2000/svg'
export const getTextWidth = text => {let svg = document.createElementNS(SVG_NS, 'svg')let oText = document.createElementNS(SVG_NS, 'text')oText.innerHTML = textsvg.appendChild(oText)document.body.appendChild(svg)let width = oText.getBBox().widthdocument.body.removeChild(svg)return width + 10
}// 创建tag标签
export const createTag = (tag, attrObjs) => {let tagEle = document.createElementNS(SVG_NS, tag)for (let key in attrObjs) {tagEle.setAttribute(key, attrObjs[key])}return tagEle
}// node类
class DagNode {constructor (job = {}, options = {}, containerId) {this.prev = []this.next = []this.job = jobthis.width = Math.max(getTextWidth(job.jobName || job.jobId), 100)this.height = 40this.offsetX = options.offsetX || 0this.offsetY = options.offsetY || 0this.containerId = containerId || 'bloodChart'}// 绘制nodedrawNode () {let oG = createTag('g')let oRect = createTag('rect', {x: this.offsetX,y: this.offsetY,rx: 5,ry: 5,width: this.width,height: this.height,style: 'cursor: pointer; fill: transparent; stroke-width: 2; stroke: #303030'})let oText = createTag('text', {x: this.offsetX + 10,y: this.offsetY + 15,style: `cursor: pointer; fill: #303030`,'data-node': JSON.stringify(this.job)})let tSpan = createTag('tspan', {x: this.offsetX + 10,y: this.offsetY + 15,style: `cursor: pointer; fill: #303030`,'data-node': JSON.stringify(this.job)})tSpan.innerHTML = `${this.job.jobName || this.job.jobId}`let tSpan2 = createTag('tspan', {x: this.offsetX + 10,y: this.offsetY + 35,style: `cursor: pointer; font-size: 12px; fill: #303030`,'data-node': JSON.stringify(this.job)})tSpan2.innerHTML = `${this.job.jobTypeCn} / ${this.job.state}`oText.appendChild(tSpan)oText.appendChild(tSpan2)oG.appendChild(oRect)oG.appendChild(oText)document.getElementById(this.containerId).appendChild(oG)return oG}// 绘制带箭头的曲线条drawLine (start = {}, end = {}, arrow = {}) {let oG = createTag('g')let pathLine = ''if (start.y < end.y) {pathLine = Math.abs(start.y - end.y) < 10 ?` M${start.x} ${start.y} L${end.x} ${end.y} ` :` M${start.x} ${start.y} L${(end.x + start.x) / 2} ${start.y}Q${(end.x + start.x) / 2 + 10} ${start.y} ${(end.x + start.x) / 2 + 10} ${start.y + 10}L${(end.x + start.x) / 2 + 10} ${end.y - 10}Q${(end.x + start.x) / 2 + 10} ${end.y} ${(end.x + start.x) / 2 + 20} ${end.y}L${end.x} ${end.y}`} else {pathLine = Math.abs(start.y - end.y) < 10 ?` M${start.x} ${start.y} L${end.x} ${end.y} ` :` M${start.x} ${start.y} L${(end.x + start.x) / 2} ${start.y}Q${(end.x + start.x) / 2 + 10} ${start.y} ${(end.x + start.x) / 2 + 10} ${start.y - 10}L${(end.x + start.x) / 2 + 10} ${end.y + 10}Q${(end.x + start.x) / 2 + 10} ${end.y} ${(end.x + start.x) / 2 + 20} ${end.y}L${end.x} ${end.y} `}let oLine = createTag('path', {d: pathLine,style: 'fill: none; stroke: #303030; stroke-width: 2;'})let oArrow = createTag('path', {d: `M${arrow.x} ${arrow.y} ${arrow.other} Z`,style: 'fill: #303030; stroke: #303030; stroke-width: 2;'})oG.appendChild(oLine)oG.appendChild(oArrow)document.getElementById(this.containerId).appendChild(oG)return oG}
}export class NodeGraph {constructor (dom, options = {}) {this.center = nullthis.svgChart = domthis.gap = 10}// 设置nodes坐标setNodes (data = {}) {let _that = this, preMaxWidth = 0, nextMaxWidth = 0this.center = new DagNode()// 中心节点let centerNode = new DagNode(data)centerNode.prev = []centerNode.next = []centerNode.offsetX = this.svgChart.getBoundingClientRect().width / 2 - centerNode.width / 2 + 50// 设置父节点nodeif (data.hasOwnProperty('parentList')) {// if (data.parentList.length === 0) {// centerNode.offsetX = 100// }data.parentList && data.parentList.forEach((item, index) => {let node = new DagNode(item)if (index === 0) {node.offsetX = centerNode.offsetX - 100 - node.widthnode.offsetY = centerNode.offsetY - _that.gap > 60 ? _that.gap : 60preMaxWidth = preMaxWidth > node.width ? preMaxWidth : node.width} else {node.offsetX = centerNode.offsetX - 100 - node.widthnode.offsetY = centerNode.offsetY - _that.gap > 60 ? _that.gap + centerNode.prev[index - 1].offsetY : 60preMaxWidth = preMaxWidth > node.width ? preMaxWidth : node.width}centerNode.prev.push(node)})}// 设置子节点nodeif (data.hasOwnProperty('childrenList')) {data.childrenList && data.childrenList.forEach((item, index) => {let node = new DagNode(item)if (index === 0) {node.offsetX = 100 + centerNode.offsetX + centerNode.widthnode.offsetY = centerNode.offsetY - _that.gap > 60 ? _that.gap : 60nextMaxWidth = nextMaxWidth > node.width ? nextMaxWidth : node.width} else {node.offsetX = 100 + centerNode.offsetX + centerNode.widthnode.offsetY = centerNode.offsetY - _that.gap > 60 ? _that.gap + centerNode.next[index - 1].offsetY : 60nextMaxWidth = nextMaxWidth > node.width ? nextMaxWidth : node.width}centerNode.next.push(node)})}this.center = centerNode}drawSvg () {if (!this.center.job.jobName) returnlet pNode = this.center.prevlet nNode = this.center.next// 设置画板的高this.svgChart.style.height = Math.max(pNode.length, nNode.length) * 80 || 100 + 'px'// 设置中心nodethis.center.offsetY = this.svgChart.clientHeight / 2 - this.center.height / 2this.center.drawNode()// 计算每个父节点距离顶部的距离let prevTopGap = (parseInt(this.svgChart.style.height) - pNode.reduce((sum, cur, idx) => sum += cur.height, 0)) / (pNode.length + 1)// 计算每个子节点距离顶部的距离let nextTopGap = (parseInt(this.svgChart.style.height) - nNode.reduce((sum, cur, idx) => sum += cur.height, 0)) / (nNode.length + 1)pNode.length && pNode.forEach((node, index) => {if (pNode.length === 1) {node.offsetY = this.center.offsetY + this.center.height / 2 - node.height / 2} else {node.offsetY = index === 0 ? prevTopGap : prevTopGap + pNode[index - 1].height + pNode[index - 1].offsetY}// 绘制节点node.drawNode()// 绘制线条node.drawLine({x: node.offsetX + node.width,y: node.offsetY + node.height / 2}, {x: this.center.offsetX - 4,y: this.center.offsetY + this.center.height / 2}, {x: this.center.offsetX - 2,y: this.center.offsetY + this.center.height / 2,other: 'l-6 -4 v8'})})nNode.length && nNode.forEach((node, index) => {if (nNode.length === 1) {node.offsetY = this.center.offsetY + this.center.height / 2 - node.height / 2} else {node.offsetY = index === 0 ? nextTopGap : nextTopGap + nNode[index - 1].height + nNode[index - 1].offsetY}// 绘制节点node.drawNode()// 绘制线条node.drawLine({x: this.center.offsetX + this.center.width,y: this.center.offsetY + this.center.height / 2}, {x: node.offsetX - 4,y: node.offsetY + node.height / 2}, {x: node.offsetX -2,y: node.offsetY + node.height / 2,other: 'l-6 -4 v8'})})}
}
// JobBlood.vue
<template><div class="the-job-blood-container"><svg id="bloodChart" xmlns="http://www.w3.org/2000/svg"></svg></div>
</template><script>
import { mapGetters, mapMutations } from 'vuex'
import Fetch from '@/api/index'
import { JOB_TYPE, JOB_STATE } from '@/util/common.js'const fetch = new Fetch()
const taskDevelopApi = fetch.apis.taskDevelopimport { NodeGraph } from '@/util/dag.js'
export default {name: 'jobBlood',props: ['currentJob'],data () {return {dagData: {}}},computed: {...mapGetters([...])},watch: {dagData: {handler () {this.svgInit()},deep: true}},created () {...},methods: {// 获取依赖async fetJobDependency () {...},// 绘制svgsvgInit () {let svgDom = document.getElementById('bloodChart')svgDom.innerHTML = ''if (svgDom) {let graph = new NodeGraph(svgDom)graph.setNodes(this.dagData)graph.drawSvg()}},......mapMutations([...])}
}
</script><style lang="less">.the-job-blood-container {text-align: left;height: 100%;width: 100%;svg {min-height: 100%;min-width: 100%;overflow: auto;}}
</style>
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- DQL的基础操作
一、基本的SELECT语句 语法: select 查询列表 from 表名; 注意: 1、查询列表可以是:表中的字段、常量值、表达式、函数 2、查询的结果是一个虚拟的表格3、查询表中的所有字段 方式一: 是用*代替表内的列名(不推荐使用) 方式二: 是打出所有的列名进行查询 4.查询常量值 S…...
2024/4/27 19:54:57 - 飞塔防火墙之ACL配置
需求:1.位于inside设备能够使用ssh和telnet访问DMZ和所有outside设备2.位于outside设备不能够使用ssh和telnet访问DMZ和所有inside设备3.位于DMZ设备能够使用ssh和telnet访问所有outside设备,但是不能访问inside设备4.使用飞塔系列的墙来满足上述需求。前提已在inside和dmz,o…...
2024/5/6 9:19:33 - 【flask web开发】-自学笔记
记录一下学习flask框架下web开发的过程,长期更新。 系统是win10,使用的python版本为3.8。创建名为venv的虚拟环境 命令:python -m venv venv 激活虚拟环境 命令:cd venv,scripts\activate (退出虚拟环境)命令:deactivate 在虚拟环境中使用pip包管理器进行下载: (临时…...
2024/4/27 9:36:14 - tkinter库的笔记(1)
tkinter库的笔记(1) 前言 Tkinter 是 Python 的标准 GUI 库。Python 使用 Tkinter 可以快速的创建 GUI 应用程序。 由于 Tkinter 是内置到 python 的安装包中、只要安装好 Python 之后就能 import Tkinter 库、而且 IDLE 也是用 Tkinter 编写而成、对于简单的图形界面 Tkinte…...
2024/4/27 18:33:21 - 《Oracle编程自学与面试指南》12-01:比较条件(Comparison Conditions)
内容导航 比较条件(Comparison Conditions)比较一个表达式和另一个表达式。其结果可以是TRUE,FALSE,或者是UNKNOWN。/* 作者:AT阿宝哥 日期:2016年9月18日 愿景:参考官方资料,做最好的课程,成就更多职业人! 邮箱:12264104@qq.com CSDN:https://blog.csdn.net/golde…...
2024/4/27 3:05:28 - leetcode拥有最多糖果的孩子(1431)
address给你一个数组candies和一个整数extraCandies,其中candies[i] 代表第 i 个孩子拥有的糖果数目。对每一个孩子,检查是否存在一种方案,将额外的extraCandies个糖果分配给孩子们之后,此孩子有 最多的糖果。注意,允许有多个孩子同时拥有 最多的糖果数目。输入:candies …...
2024/4/28 0:37:36 - STM32CubeMX 软件包和扩展包下载教程
先点赞,再看博客,顺便点个关注鼓励一下。 如果文章看完,觉得不错的话可以点个收藏,日后不迷路。STM32CubeMX 软件包和扩展包下载教程1 前言1.1 STM32CubeMX1.2 准备工作2 软件包安装与卸载2.1 在线安装2.2 本地安装2.3 URL 安装2.4 卸载3 扩展包安装与卸载3.1 在线…...
2024/5/6 15:07:19 - 飞塔防火墙ACL配置
需求:1.位于inside设备能够使用ssh和telnet访问DMZ和所有outside设备2.位于outside设备不能够使用ssh和telnet访问DMZ和所有inside设备3.位于DMZ设备能够使用ssh和telnet访问所有outside设备,但是不能访问inside设备4.使用飞塔系列的墙来满足上述需求。前提已在inside和dmz,o…...
2024/4/27 17:28:57 - Tensorflow Lite的GitHub地址(Tensorflow 1.14.0)
Tensorflow Lite的GitHub地址 Tensorflow Lite的GitHub地址...
2024/4/27 4:42:25 - 棣莫弗公式整理
证明:棣莫弗(deMoivre)[1](de Moivre)^{[1]}(deMoivre)[1]公式 cosnx+isinnx=(cosx+isinx)n\cos n x+i \sin n x=(\cos x+i \sin x)^{n}cosnx+isinnx=(cosx+isinx)n 方法1→欧拉公式 引入欧拉公式:eix=cosx+isinxe^{ix}=cosx+isinxeix=cosx+isinx 将ete^tet,sintsin…...
2024/4/27 10:44:20 - java方法
方法是把一些相关的语句组织在一起,用于解决某一特定问题的语句块。方法必须放在类定义,也就是说,方法必须是某一个类的方法。另外,在应用程序中,某些任务常常要在一个程序中运行好多次,举个最简单的例子,对多个数组进行排序。此时我们就可以把这些相同的代码段写成一个…...
2024/4/27 12:15:29 - 7.31日阿里笔试题目小强放牛
小强是一个农场主,农场里有n头牛,每头牛有着独一无二的体重,每一头牛的颜色可能是mmm种颜色其中的一种,小强带了一些牛(可能为000个)出来吃草。你需要回答出小强带出来的牛的组合一共有多少种可能?注意:因为一头牛有自己的体重(没有两头牛体重相等),所以如果四头牛的…...
2024/5/4 20:02:07 - 深度优先搜索(DFS)与度优先搜索(BFS)
深度优先搜索和宽度优先搜索是两种不用的搜索理念。深度优先搜索深度优先搜索会选择当前节点的一个子节点进行深入,然后对子节点再进行深度优先搜索,一直搜索到叶节点,然后向上回溯,再对另一个子节点进行深度优先搜索。既先进行深度搜索,深度搜索无目标时进行宽度搜索。找…...
2024/4/27 17:05:07 - Java中@SuppressWarnings(“unchecked“)注解的作用
一、简介 java.lang.SuppressWarnings是J2SE5.0中标准的Annotation之一。可以标注在类、字段、方法、参数、构造方法,以及局部变量上 二、注解的作用 告诉编译器忽略指定的警告,不用在编译完成后出现警告信息 三、使用方法@SuppressWarnings(“”) @SuppressWarnings({}) @Su…...
2024/4/27 17:16:57 - 《Oracle编程自学与面试指南》12:条件(Conditions)
内容导航 条件(Conditions)是一个或多个表达式和逻辑(布尔)运算符的组合,并返回一个值TRUE、FALSE或UNKNOWN。 本章包括以下内容:比较条件(Comparison Conditions) 逻辑条件(Logical Conditions) Null条件(Null Conditions) BETWEEN条件(BETWEEN Condition) EXISTS …...
2024/4/27 13:12:23 - YD:JDK下载安装
JDK8下载安装配置 1下载 JDK1.8就是JDK82、安装选择文件夹,有两次选择文件夹一次是JDK,一次是JRE3、配置环境变量 JAVA_HOME:(JDK安装第一次选择的路径)E:\JDK8\jdk CLASSPATH:(注意前有英文句号).;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar PATH中新增:(移…...
2024/4/27 17:54:59 - 体系课-数据可视化入门到精通-打造前端差异化竞争力
下载地址:百度网盘第1章 课程介绍本章节整体介绍课程的制作背景、整理安排、以及主要内容。1-1 课程介绍(导学) 试看第2章 我需要学数据可视化吗?本章节,介绍了什么是数据可视化,数据可视化的发展历史、以及在什么场景下需要用数据可视化、以及发展前景。2-1 什么是数据可…...
2024/4/27 22:43:24 - Pythonista——一个随时随地写Python代码的神器
现在学 Python 的人越来越多,很多小伙伴都非常有激情。利用碎片时间随时随地学习 Python , 大家知道 Python 是一门编程语言,但是学语言光看不练是没有用的。最好能编程并运行,有没有什么好的神器可以随时编写代码,而且功能还蛮强大,有的,我今天就推荐一个 IOS 手机上能写…...
2024/4/27 19:18:32 - 链表中倒数第k个节点
一、需求输入一个链表,输出该链表中倒数第k个节点。为了符合大多数人的习惯,本题从1开始计数,即链表的尾节点是倒数第1个节点。例如,一个链表有6个节点,从头节点开始,它们的值依次是1、2、3、4、5、6。这个链表的倒数第3个节点是值为4的节点。二、暴力法2.1 思路分析确定…...
2024/4/29 14:59:28 - div的显示隐藏方法汇总
$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#demo").attr(“style”,“display:none;”);//隐藏div $("#demo").attr(“style”,“display:block;”);//显示div $("#demo").css(“display”,“…...
2024/4/30 19:39:41
最新文章
- Linux命令--tcpdump命令--使用与详解
原文网址:Linux命令--tcpdump命令--使用与详解_IT利刃出鞘的博客-CSDN博客 简介 本文介绍Linux的tcpdump命令的用法。 tcpdump可以输出网络的通信记录,可以用来排查问题、查看被攻击网站的详细情况等。 示例 捕获eth0的数据包 tcpdump -i ens33 捕…...
2024/5/8 13:28:17 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/7 10:36:02 - 汽车统一诊断服务UDS协议参考文章和视频
UDS基础知识介绍-电子发烧友网 【图解UDS】UDS汽车诊断标准协议(ISO14229)带你入门到精通-有驾 车载测试之UDS诊断协议9:0x27服务:解锁ECU_哔哩哔哩_bilibili UDS诊断的22服务(DID读取数据)和2E服务&…...
2024/5/5 4:34:45 - GIS与数字孪生共舞,打造未来智慧场景
作为一名数字孪生资深用户,近日我深刻理解到GIS(地理信息系统)在构建数字孪生体中的关键作用。 数字孪生技术旨在构建现实世界的虚拟镜像,而GIS则是这一镜像中不可或缺的空间维度框架和导航灯塔。数字孪生的核心是通过数字化方式…...
2024/5/7 15:03:20 - 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/5/7 19:05:20 - 【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/5/7 22:31:36 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/5/8 1:37:40 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/5/7 14:19:30 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/5/8 1:37:39 - 【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/5/7 16:57:02 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/5/7 14:58:59 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/5/7 1:54:46 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/5/7 21:15:55 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/5/8 1:37:35 - 用欧拉路径判断图同构推出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/5/7 16:05:05 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/5/7 16:04:58 - 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/5/8 1:37:32 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/5/7 16:05:05 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/5/8 1:37:31 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/5/8 1:37:31 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/5/8 12:44:41 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/5/8 9:51:44 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/5/8 1:37:29 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/5/7 17:09:45 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下: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