自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(117)
  • 收藏
  • 关注

原创 prometheus+grafana可视化监控

打开官方网址:https://prometheus.io/download/下载完成后解压一下安装包解压完成ls查看一下,并移动到/opt下改名为prometheus下一步创建systemd服务再创建一个目录后,再检查/opt/prometheus/prometheus/prometheus.yml就没有问题了启动检查访问:prometheus,没有用户和密码,主机IP9090端口监控指标->http://192.168.179.5:9090/metrics。

2024-04-20 22:17:02 864

原创 Python基础-解释器安装

如果这里输入后显示‘Python’不是内部或外部命令,也不是可运行的程序或批处理文件。可以在控制面板-高级系统设置里修改。再输入Python就没问题啦。这里我保存到网盘里了,不想从官网下的,可以直接从网盘里下载。在cmd输入python,出现以下内容版本号,证明安装成功。Python更新到13了,我们安装上一个12版本。

2023-11-14 16:14:18 165

原创 Linux中安装配置启动Redis

【代码】Linux中安装配置启动Redis。

2023-06-30 17:55:46 479

原创 H5学习期间 问题文档(更新中)

此时ssh-add ~/.ssh/id_rsa命令回车后出现公钥路径信息,找到文件id_rsa.pub,文本打开,内容全复制。报错Could not open a connection to your authentication agent.Git报错:[email protected]: Permission denied (publickey).不用管输入后出来的问题,一直按回车,最终生成SSH公钥。码云-SSH公钥:标题key 内容把刚刚复制的粘贴。出现问题的时候输入yes,最后两行的代码是。

2023-06-30 16:32:20 534

原创 数据库MySQL学习-数据查询(持续更新中...)

MySQL是DBMS软件系统,通过这些系统来维护管理数据库。DBMS类似于用于和数据库之间的桥梁。

2023-06-15 17:45:14 795

原创 Linux-初学者系列_docker

通过FROM指定docker构建的基础镜像,是基于nginx镜像,将当前目录下的所有文件拷贝到/usr/share/nginx/html文件夹下,当前我们创建了一个index.html文件,里面可以写外部的文件。通过访问90端口,可以看到页面是hello,说明修改后的容器保存成镜像,重新运行,它可以保持这个变化。docker是一个虚拟机,主要应用在Linux和后台一些应用的虚拟机,和常见的VM有很多相似的地方。仓库保存了很多镜像,以及第三方镜像,可以通过docker pull下载镜像/push指令上传。

2023-05-24 15:24:30 951

原创 Linux-初学者系列6_kvm虚拟机

通过虚拟化技术将一台计算机虚拟为多台逻辑计算机。在一台计算机上同时运行多个逻辑计算机,每个逻辑计算机可以运行不同的操作系统,并且应用程序都可以在相互独立的空间内运行互不影响,提高计算机的工作效率。

2023-05-23 16:24:40 1157

原创 Linux-初学者系列7_shell编程

Linux shell中的变量分为:系统变量和用户自定义变量。定义变量变量名=值/bin/bash#定义变量AA=100#输出变量需要加上$echo A=$A总用量 8-rw-r--r--. 1 root root 30 5月 7 10:52 hello.sh-rwxr--r--. 1 root root 70 5月 7 11:17 var.shA=100撤销变量unset 变量声明静态变量readonly变量注:不能unset。小知识:如果要找到第15行,显示行号:nu。

2023-05-11 11:25:12 739

原创 Linux-初学者系列4_rpm-yum软件包管理

这两个目录用来存放用户自编译安装软件的目录,对于通过源码包安装的软件,如果没有指定安装目录,一般会装在以上目录中。

2023-05-01 02:00:00 1070

原创 Linux-初学者系列3——虚拟光驱使用mount挂载操作

使用umount命令,卸载挂载点目录。4、建议挂载点的目录,最好自己创建。3、不允许一个挂载点有多个设备。使用mount命令,挂载点目录。1、卸载时不要在挂载点目录下。2、一个设备可以有多个挂载点。,是Linux自动生成。Linux显示光盘内容。从光盘当中获取软件包。

2023-04-25 15:59:58 3677

原创 Linux-初学者系列2——用户组管理和权限管理

Linux中的每个用户必须属于一个组,不能独立于组外,在Linux中每个文件有所有者、所在组、其他组的概念。【w】可写(write):修改,但不代表可以删除文件,删文件是对文件所在的目录有写权限,才能删除。在添加用户时,可以指定将该用户添加到哪个组中,同样用root的管理权限可以改变用户所在的组。当某个用户创建了一个文件后,这个文件的所在组就是该用户所在的组。除文件的所有者和所在组的用户外,系统的其他用户都是文件的其他组。一般为文件的创建者,谁创建了文件,就自然的成为该文件的所有者。

2023-04-25 07:30:00 589

原创 Linux-初学者系列——篇幅8_压缩和解压

tar指令是打包指令,最后打包后的文件是.tar.gz文件。gzip用于压缩文件(只能将文件压缩为*.gz文件)zip用于压缩文件(压缩文件和目录的命令)gunzip用于解压文件。unzip用于解压文件。

2023-04-24 16:30:00 124

原创 Linux-初学者系列——篇幅7_文本编辑和处理命令

2abc2abc。

2023-04-24 04:15:00 569

原创 Linux-初学者系列——篇幅6_系统基础操作管理

实现了批量、自动化管理、智能化以及可视化管理。

2023-04-23 13:43:48 145

原创 Linux-初学者系列——篇幅5_系统目录相关命令

pwd命令是’print working directory‘单词的首字母缩写,pwd显示当前工作目录的绝对路径。cd命令是’change directory‘中单词的首字母缩写,cd是从当前工作目录切换到指定的工作目录。Linux目录和windows明显区别,在Linux系统中没有磁盘分区盘符概念,所有数据都存储在根目录中。在命令行操作命令时,经常会在各个目录路径间进行切换,此时可以使用pwd命令快速查看当前所在的目录路径。如果采用的是最小化安装Linux系统,tree命令功能默认是没有安装的。

2023-04-23 11:34:50 311

原创 Linux-初学者系列——篇幅4_系统运行相关命令

关闭和重启Linux系统的命令shutdown,系统在关闭重启之前会通知所有的登录用户,系统即将关闭重启时所有的新用户都不可以登录。命令halt/poweroff/reboot/systemctl这四个也具有相应关机和重启功能。Linux多用户管理系统。

2023-04-15 15:44:17 1333

原创 Linux-初学者系列——篇幅3_操作界面获取帮助

外置命令:借助第三方程序,进行安装部署后才有的命令。用于作为man或者help命令的帮助信息补充。内置命令:系统安装后,自身就有的命令。查看命令和部分文件帮助说明信息。用于查看系统内置命令的帮助信息。获取man手册的帮助信息。

2023-04-15 11:45:00 437

原创 Linux-初学者系列——篇幅2_系统命令界面

普通用户user对应的命令行是$ (只具有部分操作能力)管理员root用户对应的命令行是# (所有权限)语法包含三个:命令 [参数选项] [文件或路径]root:用户信息,表示已root身份登入系统。~:显示当前用户在的目录位置,默认是家目录。命令行提示符:Linux系统命令信息。bogon:这个机器的主机名称信息。环境变量时会用到,省略。@:提示符中的分割符号。

2023-04-14 15:41:09 622

原创 Linux-初学者系列——篇幅1_文件管理命令(持续更新中)

Linux初学者笔记之文件管理命令学习。在虚拟机当中打开文件夹会进入图形界面在桌面右击...

2023-04-13 13:51:08 505

原创 全选反选练习

实现全选反选案例小练习,案例中用到的知识点:伪数组是一种模拟数组,它以像数组一样的方式表示一组值,但是它不是真正的数组。三元运算符是一种条件运算符,它的格式是:条件表达式?这句话的意思是如果a>b为true,则c的值为a,否则c的值为b。如果条件表达式的结果为false,则执行值2。如果条件表达式的结果为true,则执行值1;

2023-02-28 17:57:45 147

原创 事件监听-语法

在事件回调函数中,固定的指向事件源,无论是方法一还是方法二this指向的都是事件源。方法一是之前老的用法,方法二是相对新的语法。事件的三要素:事件源、事件类型、事件回调。

2023-02-28 10:49:07 328

原创 对象和函数:匿名函数-具名函数-立即执行函数

变量污染:如果某个人定义了一个变量,另外一个人将变量的值改动了,变量的值改动,执行逻辑会出现错误。在大多数情况下可以省略分号(结束符),但是在使用立即执行函数时不可以省略。具名函数存在着函数提升,函数提升是指可以在声明函数之前就去调用它。匿名函数一般赋值给变量使用时,也叫函数表达式,不存在变量提升。在使用立即执行函数时,需要注意必须要添加分号或其他运算符号。立即执行函数用法:可以解决或者避免变量的污染。所谓立即执行函数(自执行函数)匿名函数是指没有名字的函数。具名函数是指有名字的函数。

2023-02-28 10:42:55 603

原创 vue3面试题

关于vue3的重构背景,尤大是这样说的:vue新版本的理念成型于2018年末,当时vue2的代码库已经两岁半了,比起通用软件的生命周期来这好像也没那麽久,但在这段时期,前端世界已经今昔非比了。在我们更新(和重写)vue的主要版本时,主要考虑两点因素:首先是新的JavaScript语言特性在主流浏览器中的受支持水平,其次是当前代码库中随着时间推移而逐渐暴露出来的一些设计和架构问题。利用新的语言特性(es6)解决架构问题。

2022-11-22 16:55:02 840

原创 JS笔记-函数

函数是一个复杂数据类型。可以将重复使用的代码进行封装,实现代码的复用。使用function关键字声明一个函数。语法格式:

2022-11-22 16:47:47 519

原创 JS笔记-数组方法【增删改查】

可以将数组的【最后一个单元】删除,被删除的单元可以获取到。通过splice来实现,语法格式:数组名.splice()可以将数组的【第一个】单元删除,被删除的单元可以获取到。语法格式:数组名.splice(下标,个数,新单元)语法格式:数组名.splice(下标,0,新单元)语法格式:数组名.splice(下标,个数)语法格式:数组名.unshift()既可以添加又可以删除,甚至可以修改!语法格式:数组名.shift()语法格式:数组名.push()在数组的【开始】处添加新单元。语法格式:数组名.pop()

2022-11-17 13:46:04 549

原创 JS面试题(持续更新中)

简单类型的值存放在栈中,在栈中存放的是对应的值引用类型对应的值存储在堆中,在栈中存放的是指向堆内存的地址简单类型赋值,是生成相同的值,两个对象对应不同的地址引用类型赋值,是将保存在对象的内存地址赋值给另一个变量。也就是两个变量指向堆内存中同一个对象两个都是简单类型,字符串和布尔值都会转换成数值,再比较简单类型与引用类型比较,对象转化成其原始类型的值,再比较两个都为引用类型,则比较它们是否指向同一个对象null和undefined相等存在NaN则返回false。

2022-10-24 17:17:25 436

原创 Node.js

我们创建的每个JS文件都是一个自定义模块,并且具有模块作用域,也就是在一个模块中创建的变量、常量、函数等等一切,都只能在当前模块中使用。共享(导出/暴露)内容给其他模块用,需要使用 module.exports 导出内容。module 是Node中的一个全局对象,对象包含当前模块的详细信息。module.exports 是模块的出口,通俗的说,就是导出内容用的,默认值是 {}

2022-09-27 15:37:01 201

原创 微信小程序uni-app

是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。.json 类型的文件是用来对小程序进行配置的,如窗口的颜色、标题、自定义组件、底部tab栏等都是通过配置文件来实现的。网页开发,渲染线程和脚本是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应的原因,本质就是我们常说的。跳转的页面是当前小程序内时,根据页面的类型不同,要设置对应的 open-type 才有对应效果。

2022-09-26 22:07:37 6168

原创 JSON数据练习

test.js 中,调用函数,进行测试。test.js 中,调用函数,测试。test.js 中测试。

2022-09-22 15:44:51 394

原创 宏任务和微任务、事件循环

每个任务都有一个任务源(task source),源自同一个任务源的 task 必须放到同一个任务队列,从不同源来的则被添加到不同队列。js是运行于浏览器的脚本语言,因其经常涉及操作dom,如果是多线程的,也就意味着,同一个时刻,能够执行多个任务。JavaScript是单线程的,也就是说,同一个时刻,JavaScript只能执行一个任务,其他任务只能等待。微任务(microtask)是宏任务中的一个部分,它的执行时机是在同步代码执行之后,下一个宏任务执行之前。事件循环是通过任务队列的机制来进行协调的。

2022-09-21 17:36:49 214

原创 ES6模块化(ES module)

ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不需再额外学习。但是,这些由社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准。太多的模块化规范给开发者增加了学习的难度与开发的成本。因此,官方的ES6 模块化规范诞生了!按需导入的语法: import { 按需导入的名称 } from '模块标识符'如果只想单纯地执行某个模块中的代码,并不需要得到模块中向外共享的成员。

2022-09-19 14:39:06 683

原创 状态管理dva:Generator函数

这种声明方式(function 关键字后跟一个星号)会定义一个生成器函数 (generator function),即:函数开始执行后,会一直执行,直到该函数所有语句执行完或遇到 return 返回,期间无法执行函数外的其他代码。generator 函数中的代码执行时,执行到 yield,然后,函数中的代码就暂停执行了。即:函数开始执行后,可以被暂停一次或多次,然后再恢复执行,暂停期间可以执行其他代码。generator 函数中的代码,不是一次性执行完毕!在执行时能暂停,后面又能从暂停处继续执行。

2022-09-18 21:53:43 303

原创 TypeScript类型--泛型类型--泛型约束

泛型(Generics)可以在保证类型安全前提下,让函数等与多种类型一起工作,从而实现复用,常用于:函数、自定义类型、接口等类型中创建一个 id 函数,传入什么数据就返回该数据本身(也就是说,参数和返回值类型相同)// 比如,该函数传入什么数值,就返回什么数值 function id(value : number) : number {比如,id(10) 调用以上函数就会直接返回 10 本身。但是,该函数只接收数值类型,无法用于其他类型。

2022-09-17 15:29:44 2132

原创 TS类型: never 和 unknown

any 不属于 TS 类型系统重,所以,只要使用了 any 类型,就相当于逃离了 TS 类型系统的约束了,也就没有类型安全可言了。never 类型:永远不会出现的值的类型(或永远不会发生的类型)never 和 unknown 类型,分别处在 TS 类型的两端。3.1 unknown 处于 TS 类型系统的最顶层。3.2 never 处理 TS 类型系统的最底层。

2022-09-13 21:39:15 2103

原创 React-函数组件中的定时器

点击【延迟获取 count 值】按钮,创建定时器时,当前的状态值 count 是多少(组件是第几次更新)?对于倒计时的定时器来说,只需要在组件创建时,开启一次即可。为了做到这一点,可以通过。(提示:可以通过打印的方式,查看两处 timerId 的值)如何在不依赖于外部数据的情况下,在 effect 回调中,更新状态?因此,要想在组件更新后清理定时器,就需要让两处的。的值在组件更新期间保持不变。问题:定时器打印的 count 值为多少?问题:这种方式能正确清理定时器吗?值是同一个,也就是要保持。

2022-09-13 15:15:35 2606

原创 React-函数组件的特性与闭包

当一个函数内部访问了外部的变量时,由于 JS 函数闭包机制的存在,这个函数内部只能访问到本次组件更新时创建的变量值。可以把组件的每次更新想象成给组件拍照,组件每次更新都会对应到一张照片,而每一张特定的照片都记录了那一刻组件特定的状态。对于 React 的函数组件来说,只要修改状态,组件就会更新。同时,函数中的代码都会从头到尾重新执行一遍。2.3 怎么理解这个过程呢?

2022-09-12 15:40:52 515

原创 Ajax同源和跨域和节流防抖

如果发送了一个请求,服务器返回结果后,浏览器会判断(检查)打开页面的url。突破跨域的限制,可以使用JSONP方案 或CORS方案。前端不需要做任何处理,正常发送Ajax请求即可。同源策略(同源政策)是浏览器的一种保护机制。凡是违反了同源策略的请求,都是跨域请求。后端在做出响应的时候,加一个响应头(

2022-09-12 09:31:49 204

原创 Ajax基础概念和接口及Axios语法和FormData

不同的请求目的,对应着不同的请求方式看接口文档即可:Axios的语法是固定的,参考网站:https://www.axios-http.cn/官方网站:https://www.npmjs.com/package/axios中文网站1:https://www.axios-http.cn/中文网站2:http://www.axios-js.com/zh-cn/docs/2.请求方法的别名:GET和DELETEPOST/PUT和PATCH3.全局配置根路径4.拦截器axios拦截器:https://

2022-09-07 22:24:14 351

原创 通过json-server生成接口并实现一个CRUD项目

Antd的table表格需要给一个唯一的属性 rowKey=“字段”, 字段的值需要是唯一的。新增操作-封装一个新增的组件 src/components/AddRole.jsx。2.1 直接使用npx就可以启动接口, 可以直接把json转化成服务器。可以直接把一个json文件,转化为支持restful接口规范的接口。构建布局之前,要有接口- 使用json-server启动接口。7.封装单独的api- src/api/setting.js。前端有一个工具,可以直接生成接口:json-server。

2022-09-03 08:56:47 361

原创 react-通过useRef完成倒计时60秒发送验证码效果

react中的useRef属性介绍,并实现一个倒计时六十秒发送验证码的案例

2022-09-02 22:31:28 1466

数据库MySQL之数据查询

数据库MySQL之数据查询

2023-06-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除