- 博客(88)
- 收藏
- 关注
RSS订阅原创 echarts折线图单位为Bit/s的数据展示
单位为Bit/s的数据需要换算y轴、legend和tooltip的单位；显示数据时需要换算单位是因为数据以比特每秒（Bit/s）的形式返回，但是在实际展示中，可能更方便和易读的是使用其他单位，例如Gb/s、Mb/s、Kb/s等等。
2024-02-21 17:27:32
598
原创 select关闭时触发请求；select加上全选功能，并实现搜索后点击全选，选中的是搜索后的列表
如果ap内容变了并且关闭了选择器，发请求；如果ap内容没变并且关闭了选择器，不发请求：用一个变量记录，当select关闭时，变量不等于select绑定的值时，发请求，并更新变量。
2024-02-21 17:19:28
491
原创 父传子，子组件是弹窗，如何监听子组件中表单的变化
本来是用watch监听form表单数据中的变化的，但是发型弹窗关闭，打开时也会触发watch监听函数；又试了一下同时监听子组件的visible和form，还是不行。：在打开子组件时，复制一份给preForm，并转为字符串保存下来。在打开修改弹窗，按下确定按钮时，对比form表单和preForm中的内容！
2023-03-24 14:43:38
233
1
原创 哈希表与字符串
字符数量为偶数，count+数量；字符数量为奇数，count+数量-1 flag=1;flag代表的是是否有中心节点，最终长度max_length=count+flag.
2022-10-13 00:00:48
264
原创 二分查找与二叉排序树力扣
给你一个按照非递减顺序排列的整数数组 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
175
原创 二叉树与图力扣算法题
*思路：**深度搜索根到叶子结点，求和，当遍历到叶子结点时，判断和是否为sum，是push到结果里面，否则继续遍历左子树和右子树。如果不满足条件，需要弹出栈顶并且sum减去。
2022-10-07 17:25:19
432
原创 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
1398
原创 计算机网络总复习
计算机网络复习一、计算机网络概述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
3707
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
6042
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
1203
原创 JS继承和原型链
一、类class在es6中，可以使用class关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类 对象特指某一个，通过实例化一个具体的对象继承：子类可以继承父类的一些属性和方法class Father{ constructor(x,y){ this.x = x; this.y = y; } sum(){ conso
2022-02-12 22:52:31
739
原创 考查原型和函数的打印题
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
642
原创 简单的理解Vue diff算法和virtual Dom的原理
1.为什么引入虚拟DOM（可以节省开销）在vue1.0实现侦测变化的时候，一个状态绑定了好多个依赖，每个依赖代表着一个具体的DOM节点。当状态发生变化时，它在一定程度上会知道哪些节点使用了这些状态。但是这样做会有内存开销和依赖追踪的开销。对于一个大型项目来说，这个开销非常大。因此vue2.0选了一个中等粒度的方案，那就是引入虚拟DOM，并把依赖变成组件级别。当状态发生变化时，只通知到组件，然后组件内部使用虚拟DOM进行对比，根据结果只更新需要更新的真实DOM节点，从而避免不必要的DOM操作，节省开销。2
2022-01-27 23:11:55
1205
原创 vue.js生命周期
在初始化阶段，也就是通过new Vue创建实例到created生命周期函数执行之后的这段时间里，首先初始化属性与事件，然后通过callback函数触发生命周期钩子beforecreate,随后初始化provide/inject和状态。状态指的是props,methods,data,computed,watch。接着触发生命周期钩子created。在模板编译阶段，也就是created之后，beforeMount之前的这段时间里，判断用户是否在参数中提供了el选项，如果提供了，就自动开启模板编译与挂载阶段。.
2022-01-24 21:18:56
483
原创 vue-router导航守卫
“导航”表示路由正在发生改变。限制路由跳转用导航守卫。守卫就像皇宫内的护卫一样。分为三种：全局守卫，路由独享守卫，组件内守卫。一、全局守卫（全局前置守卫，全局解析守卫，全局后置守卫）/在router/index.js下1.全局前置守卫（在路由跳转之前进行判断）const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // to:目标路由 //from:来源路由 //next():放行函
2022-01-15 14:59:14
240
原创 将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
492
原创 vue微信支付业务生成二维码qrcode
二维码生成使用Npm模块：qrcode先用npm安装：npm i qrcode1.先引入生成二维码import QRCode from "qrcode"; //引入生成二维码2.可以获取到二维码的urlQRCode.toDataURL(this.payInfo.codeUrl);//需要传递参数
2022-01-13 22:43:34
843
原创 计网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
2382
原创 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
2373
原创 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
1198
3
原创 @change检测输入域变化和传递复杂参数
change()方法：当元素的值发生改变时，会发生 change 事件。给input标签绑定change事件：当Input内容发生变化时，对内容进行监听修改：输入框Input的值获取：event.target.value
2022-01-08 22:25:58
1161
原创 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
347
原创 组件之间通信方式
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
573
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
4928
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
1559
原创 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
727
1
原创 Vue组件的隐藏与显示
不管路由组件还是非路由组件身上都有route和route和route和router属性$route：一般用来获取路由信息，如path,query,params等等$router：一般用来编程式导航进行路由跳转。1.可以使用$route属性获取相应路径+v-show来实现2.另一种方法是在路由下配置meta字段（也就是在路由里配置路由元信息）...
2021-12-09 20:21:19
1943
原创 跟着尤大神学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
1006
原创 计网实验——直连网络设计
实验内容 （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
10582
原创 三栏布局的实现方式，尽可能多写
1. float浮动布局注意：！！！浮动布局时，三个div的生成顺序对布局有影响。应该先生成左浮和右浮的两个元素1和3，再生成中间content2元素；原因是：若生成顺序为123或者213，则2元素会先占位，float元素只能紧贴其后；但若生成顺序为132，1和3两个浮动元素会脱离浮动流，2元素生成后，1和3会覆盖2。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-10-07 23:03:44
240
原创 css选择器 + 特指度
1.选择器有哪些2.优先级是怎样的！important > 内联样式 > id选择器 > 类选择器 /属性选择器/伪类选择器>标签选择器/伪元素选择器>通配符选择器 > 继承 > 浏览器默认3.权重计算方式浏览器的优先级算法如下： ！important的优先级是最高的，没有的话就按（A,B,C,D）计算优先级1.如果存在内联样式，则A=1，否则A=0；2.B的值等于id选择器出现的次数3.C的值等于类选择器，伪类选择器，属性选择器出现的次数之
2021-09-27 19:59:57
166
原创 transform-origin属性
我们都知道transform-origin是用来改变元素基点的，元素默认的基点是中心。我们先看一个栗子：注意下图高度缩小一半时，是以中心点为基点缩小当我们在加上transform-origin：50% 100%时，基点明显下移，这时的基点在左下角：一般的旋转点有，左上（top left），左下(left bottom)，右上(right top)，右下(right bottom)，中心点(center center)五个。...
2021-09-25 19:17:13
352
原创 BFC（block formatting context）格式化上下文
BFC是什么BFC即块格式化上下文，它只是css2.1规范中的一个概念，决定元素的内容如何渲染以及与其他元素的关系交互BFC的作用1.清除浮动（浮动后的元素有许多问题，下面举几个常见的例子）a.当一个元素浮动后，会影响附近的文字的行为。可给li的父元素ul创建BFC创建BFC后就可以起到隔离作用，防止文字环绕b.浮动元素与处在正常流的元素重叠给div加上BFC让div创建BFC后，可清除浮动，避免重叠2.解决外边距坍塌给第一个div创建BFC后，就能避免外边距坍塌。3
2021-09-22 23:04:08
124
原创 transition和animation的区别
我们先来复习一下transition(过渡)和animation(动画)这两个标签的基本定义。这两个属性都是简写，我们分别来看一下他们各自的属性。transition 属性是一个简写属性，用于设置四个过渡属性：transition-property：要过渡的属性名称transition-duration ：过渡时间（s或者ms）transition-timing-function：速度曲线transition-delay:定义过渡效果什么时候开始animation 属性是一个简写属性，用
2021-09-22 19:50:54
566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人