鸭鸭:)-CSDN博客

原创 g6解决拓扑图中dagre布局需要增加同级节点的问题（旁挂层同级节点相连）

背景：dagre可以在节点数据中配置layer字段，为节点指定层级，但layer的指定不能违背图结构与层次布局的原则，也就是说每一条边的起点的layer一定小于终点的layer值，否则会导致布局失败。解决办法：动态添加节点，在需要增加同级节点的node处添加一个影子节点，隐藏该影子节点，将需要添加的节点动态添加到该影子节点上。

2024-08-21 15:14:37 303

原创 echarts实现表格图例

饼图的表格图例Pie实现表格图例，点击某行，图表显示除这条之外剩下的数据（会有多条被选中的情况）

2024-02-21 17:35:00 1802

原创 echarts折线图单位为Bit/s的数据展示

单位为Bit/s的数据需要换算y轴、legend和tooltip的单位；显示数据时需要换算单位是因为数据以比特每秒（Bit/s）的形式返回，但是在实际展示中，可能更方便和易读的是使用其他单位，例如Gb/s、Mb/s、Kb/s等等。

2024-02-21 17:27:32 696

原创 select关闭时触发请求；select加上全选功能，并实现搜索后点击全选，选中的是搜索后的列表

如果ap内容变了并且关闭了选择器，发请求；如果ap内容没变并且关闭了选择器，不发请求：用一个变量记录，当select关闭时，变量不等于select绑定的值时，发请求，并更新变量。

2024-02-21 17:19:28 570

原创父传子，子组件是弹窗，如何监听子组件中表单的变化

本来是用watch监听form表单数据中的变化的，但是发型弹窗关闭，打开时也会触发watch监听函数；又试了一下同时监听子组件的visible和form，还是不行。：在打开子组件时，复制一份给preForm，并转为字符串保存下来。在打开修改弹窗，按下确定按钮时，对比form表单和preForm中的内容！

2023-03-24 14:43:38 264 1

原创哈希表与字符串

字符数量为偶数，count+数量；字符数量为奇数，count+数量-1 flag=1;flag代表的是是否有中心节点，最终长度max_length=count+flag.

2022-10-13 00:00:48 294

给你一个按照非递减顺序排列的整数数组 nums，和一个目标值 target。请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值 target，返回 [ - 1 , - 1 ]。你必须设计并实现时间复杂度为 O(log n) 的算法解决此问题。示例 1 ：输入：nums = [ 5 , 7 , 7 , 8 , 8 , 10 ] , target = 8 输出： [ 3 , 4 ]思路：可以分别找出左端点和右端点，push到result中去。

2022-10-11 23:34:34 234

原创二叉树与图力扣算法题

*思路：**深度搜索根到叶子结点，求和，当遍历到叶子结点时，判断和是否为sum，是push到结果里面，否则继续遍历左子树和右子树。如果不满足条件，需要弹出栈顶并且sum减去。

2022-10-07 17:25:19 463

原创递归，回溯，分治力扣算法题

递归，回溯，分治

2022-09-30 16:02:32 261

原创贪心力扣,poj相关算法题

贪心

2022-09-27 00:20:21 324

原创栈、队列、堆相关力扣算法题

栈，链表，队列

2022-09-23 22:59:41 190

原创链表相关力扣·算法题

链表

2022-09-20 21:01:54 240

原创 VSCode连接云主机报错

[15:58:58.371] Log Level: 2[15:58:58.372] remote-ssh@0.78.0[15:58:58.372] win32 x64[15:58:58.380] SSH Resolver called for "ssh-remote+172.29.83.92", attempt 1[15:58:58.380] "remote.SSH.useLocalServer": false[15:58:58.380] "remote.SSH.showLoginTerminal

2022-04-29 17:20:28 1461

原创计算机网络总复习

计算机网络复习一、计算机网络概述1、计算机网络组成与结构（1）资源子网：（2）通信子网：2、计算机网络的拓扑结构（1）总线型（广播网络）（2）星型（3）树形（分层结构）（4）环形（局域网或城域网常用的一种方式）（5）网状（广域网较多采用）3、网络有关的标准组织与管理机构4、计算机网络的分类二、计算机网络体系结构1、计算机网络体系结构2、ISO/OSI参考模型3、TCP/IP模型（1）TCP/IP模型中的各层主要协议（2）TCP/IP模型和OSI模型的区别三、物理层四、数据链路层五、网络层六、传输层七、应用层

2022-03-25 22:51:53 3789 1

原创前端JS/TS面试题

JS面试题总结一、pandas是什么？二、使用步骤1.引入库2.读入数据总结一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('i

2022-03-12 00:02:55 6617 6

原创前端HTML和CSS面试题总结

HTML和CSS部分一、层叠上下文1.什么是css层叠上下文2.如何产生层叠上下文3.什么是层叠等级（层叠水平）4.元素的层叠顺序5.判断哪个元素在上面二、隐藏元素（区别：是否占空间和事件响应）三、两栏布局四、三栏布局五、Flex布局（CSS3弹性盒子）1.Flex怎么让三个子项目在横向上均等分（三栏等分布局）六、Flex:1 Flex:0 Flex:auto Flex:none七、position有哪些取值，脱离文档流的表现八、CSS3新特性九、介绍BFC（block formatting conte

2022-03-10 23:02:36 1229

原创 JS继承和原型链

一、类class在es6中，可以使用class关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类对象特指某一个，通过实例化一个具体的对象继承：子类可以继承父类的一些属性和方法class Father{ constructor(x,y){ this.x = x; this.y = y; } sum(){ conso

2022-02-12 22:52:31 762

原创考查原型和函数的打印题

1.请写出下面代码的打印结果 function Foo(){ getName = function(){ console.log(1); }; console.log(this)//window return this }//Foo的构造函数 Foo.getName = function(){ console.log

2022-02-08 22:03:29 666

原创简单的理解Vue diff算法和virtual Dom的原理

1.为什么引入虚拟DOM（可以节省开销）在vue1.0实现侦测变化的时候，一个状态绑定了好多个依赖，每个依赖代表着一个具体的DOM节点。当状态发生变化时，它在一定程度上会知道哪些节点使用了这些状态。但是这样做会有内存开销和依赖追踪的开销。对于一个大型项目来说，这个开销非常大。因此vue2.0选了一个中等粒度的方案，那就是引入虚拟DOM，并把依赖变成组件级别。当状态发生变化时，只通知到组件，然后组件内部使用虚拟DOM进行对比，根据结果只更新需要更新的真实DOM节点，从而避免不必要的DOM操作，节省开销。2

2022-01-27 23:11:55 1295

原创 vue.js生命周期

在初始化阶段，也就是通过new Vue创建实例到created生命周期函数执行之后的这段时间里，首先初始化属性与事件，然后通过callback函数触发生命周期钩子beforecreate,随后初始化provide/inject和状态。状态指的是props,methods,data,computed,watch。接着触发生命周期钩子created。在模板编译阶段，也就是created之后，beforeMount之前的这段时间里，判断用户是否在参数中提供了el选项，如果提供了，就自动开启模板编译与挂载阶段。.

2022-01-24 21:18:56 510

原创 vue-router导航守卫

“导航”表示路由正在发生改变。限制路由跳转用导航守卫。守卫就像皇宫内的护卫一样。分为三种：全局守卫，路由独享守卫，组件内守卫。一、全局守卫（全局前置守卫，全局解析守卫，全局后置守卫）/在router/index.js下1.全局前置守卫（在路由跳转之前进行判断）const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // to:目标路由 //from:来源路由 //next():放行函

2022-01-15 14:59:14 267

原创将Vue提交到码云

本地初始化一个仓库，设置远程仓库地址后再做push1.先创建仓库$ git init $ git remote add origin https://gitee.com/用户个性地址/HelloGitee.git$ git pull origin master2.修改/添加文件，否则与原文件相比就没有变动$ git add .$ git commit -m "第一次提交"$ git push origin master3.提交完成...

2022-01-15 14:14:54 521

原创 vue微信支付业务生成二维码qrcode

二维码生成使用Npm模块：qrcode先用npm安装：npm i qrcode1.先引入生成二维码import QRCode from "qrcode"; //引入生成二维码2.可以获取到二维码的urlQRCode.toDataURL(this.payInfo.codeUrl);//需要传递参数

2022-01-13 22:43:34 894

原创计网wiresharkTCP连接

一、流量分析（访问网易邮箱服务器进行抓包分析）（1）简述访问web页面的过程。A.在浏览器上输入URL，向DNS服务器发送请求，解析URL相应的IP地址B.浏览器与服务器建立TCP连接C.浏览器向服务器发送HTTP请求D.服务器直接返回或者在服务器查询数据后返回请求的资源给浏览器E.浏览器对请求的网页资源进行DOM树解析，css渲染render，将页面显示出来F.TCP连接关闭（2）找出DNS解析请求、应答相关分组，传输层使用了何种协议，端口号是多少？所请求域名的IP地址是什么？DNS请求

2022-01-11 20:09:00 2448

原创 vuex中actions多次调用actions

场景：在store里面多次调用删除某一个产品的方法，封装为一个删除全部选中的商品方法（actions调用actions）context:小仓库 commit（提交mutations,修改state）,getters(计算属性)，dispatch（派发action）,state(当前仓库数据）Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用 context.commit 提交一个 mutation，或者通过 context.state 和 con

2022-01-11 19:52:49 2442

原创 uuid临时游客身份——＞在请求拦截器中带+本地存储（告诉服务器你是谁）

uuid:是通用唯一标识码（Universally UniqueIdentifier）的缩写，是一个128比特的数值。客户端在查找一个服务时，只需要在它的服务查找请求中指出与某类服务（或某个特定服务）有关的UUID，如果服务的提供者能将可用的服务与这个UUID相匹配，就返回一个响应。1.封装产生uuid的模块import { v4 as uuidv4 } from 'uuid';//创建一个uuid//要生成一个随机字符串，且每次执行都不能发生变化，游客身份持久存储export const g.

2022-01-09 14:58:29 1287 3

原创 @change检测输入域变化和传递复杂参数

change()方法：当元素的值发生改变时，会发生 change 事件。给input标签绑定change事件：当Input内容发生变化时，对内容进行监听修改：输入框Input的值获取：event.target.value

2022-01-08 22:25:58 1221

原创 JS一些常用方法

1.向上取整Math.ceil()2.向下取整Math.floor()3.小数部分四舍五入Math.round()4.取绝对值Math.abs()5.保留整数部分Math.parseInt()6.随机数Math.random()7.小写字母转为大写字母sting.toUpperCase()

2022-01-06 21:56:37 365

原创组件之间通信方式

1.父子组件通信如图父子组件为A和B，B和C，B和D父传子是props,子传父是自定义事件；通过子链或者父链即$parent 和 $children;ref也可以访问； $attrs和 $listeners（1）父组件向子组件传值（props）（2）子组件向父组件传值(自定义事件）2.跨级组件通信如图跨级组件为A和C，A和D$attrs / $listeners;bus;vuex; $attrs和 $listeners3.兄弟组件通信$bus,.

2022-01-05 16:56:28 606 1

原创使用axios发送请求（不带参数和带参数）和使用mockjs

一、使用axios获取后端数据并使用1.对axios进行封装 network/request.jsimport axios from 'axios'import nprogress from 'nprogress'//引入进度条import "nprogress/nprogress.css"const requests = axios.create({ baseURL:'/api', timeout:5000});//请求拦截requests.interceptors.

2022-01-02 22:49:09 5005 4

原创观察IP分组的直接交付和间接交付过程，及ARP和ICMP在分组传递中的作用。

如图3-1连接好拓扑图给主机分别配置好ip地址，子网掩码，默认网关：给路由器配置好默认网关，并将port状态置为on让PC0给PC1发送IP分组（直接交付过程）：让PC0给PC2发送IP分组（间接交付过程）：主机PC1的ARP表:或者用命令行查看物理地址与IP地址映射表：路由器的ARP表：ARP在分组传递中的作用：为了在物理上实现IP分组的传输，必须借助数据链路层的物理寻址功能，提供物理寻址以用于主机的物理寻址。为了获得目标主机的物理地址，网络层提供了从主机.

2021-12-09 23:06:14 1643

原创 Vue路由传递参数相关

1.路由传参的三种方式字符串给router/index.js的配置路由文件下相应的路由的path后加上:变量名在Search路由组件中：this.$router.push('/Search/' + this.keyworld +"?k="+this.keyworld.toUpperCase());模板字符串对象(最常用)要先给search路由组件加上name再使用name+params+query传参在Search路由组件中获取参数2.路由传递参数（对象写

2021-12-09 23:00:04 757 1

原创 Vue组件的隐藏与显示

不管路由组件还是非路由组件身上都有route和route和route和router属性$route：一般用来获取路由信息，如path,query,params等等$router：一般用来编程式导航进行路由跳转。1.可以使用$route属性获取相应路径+v-show来实现2.另一种方法是在路由下配置meta字段（也就是在路由里配置路由元信息）...

2021-12-09 20:21:19 1996

原创跟着尤大神学vue

1.实现小型数据监听器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2021-11-18 21:52:55 1037

原创计网实验——直连网络设计

实验内容（1）完成直连网络环境的搭建与配置。从设备区拖入四台PC和一个集线器，再用直通铜线相连接，之后线缆断就会变绿，表示所有的物理连接正确。然后配置该网络的网络层协议，如图2-5到图2-11所示，双击PC0图标，进入config/fastEthernet界面，开始配置IPConfliguration,选静态（staic）方式，IP地址可以输入：192.168.0.1，子网掩码自动填充为：255.255.255.0。对于其他几个PC机，也进行类似的配置，只是IP地址可以为：192.168.0.2等.

2021-10-15 21:16:32 10722

空空如也

空空如也