自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 jmeter正则表达式提取器的用法和正则

我们再使用jmeter请求接口时,碰到一些业务流程性的接口改怎么办,比如,我一个发布内容的接口需要用到登录接口返回的token加到请求上去才能发布内容,那在jmeter上该是如何实现的咧?这里介绍的是jmeter的正则表达式提取器1,把正则表达式添加到需要提取返回内容的http请求里,添加步骤是,,右键http请求--添加--后置处理器--正则表达式处理器2,在正则表达式提取器配置设置页里, 1)要检查的响应字段:相当于是要提取哪个位置的内容数据 ......

2021-10-27 17:32:19 63569 20

原创 vue3+datav+echarts可视化数据大屏 (适配各种尺寸屏幕!)

屏幕适配放弃了rem 方案,使用更通用的css3:scale缩放方案,项目的基准尺寸是1920px*1080px,所以支持用比例屏幕 100% 填充,如果非同比例则会自动计算比例居中填充,不足的部分则留白。得适配方案不能试图您的场景,则可以自行修改方案

2024-03-20 11:33:11 2091

原创 nginx如何使用多个域名在一个服务器上指向多个服务

最近整了一个域名,想着就先把域名给放在自己的测试服务器上玩玩,但是自己又有多个服务,就打算搞几个二级域名来用,现在出一篇文章,把我的经验分享给大家吧,大致的内容是;如何生成二级域名,如何生成ssl测试证书,如何设置nginx,如何将证书绑定域名,nginx如何重定向等等。本次以华为云服务器为例。(保姆级!!!做这些事情的前提条件是,你所购买的域名必须的提交审核,而且必须得是管局审核通过后才能进行后续的操作!!

2024-02-29 11:25:30 1163

原创 补充 vue3用户管理权限(路由控制)

我这里写了一个处理函数,假设后端返回给我们的是一个这个的路由权限数组["/defa","/defa/fase1","/defa/fase1/fase3"] 按照之前的逻辑是,这个数组会存放在vuex当中,我这里就是在路由前置守卫这里获取到vuex的里的路由表,然后在通过我下方的这个处理函数,将动态路由表里如果匹配不上后端返回路由表里的数据的话,会将内容给剔除掉。

2024-01-10 16:32:49 745 1

原创 vue3用户权限管理(导航栏权限控制)2

上一节我们说到,通过后端的用户权限来进行路由的动态添加,实现权限控制,这一节我们通过递归导航栏组件,实现后台权限控制导航栏,接上一节所说我们在vuex中存储了一个路由数组["/","*"]进行权限控制,这一节还是要使用这个路由数组进行导航栏的控制,开始吧。

2024-01-09 10:53:10 956

原创 vue3用户权限管理(路由控制等)1

在前端开发的过程中,我们需要做前端的权限管理,我们需要根据后端提供的信息来控制权限,这时候就需要根据用户的操作来进行权限控制了。内容有些多。分2节展示。用户路由权限管理大致的实现原理:一般将路由分为2种,一种是静态路由,就是所有的账号都可以访问的路由,比如登录,比如主页等,还有一种是动态路由,就是我们需要做权限判断的路由。

2024-01-08 17:35:24 1212

原创 vue3中如何使用vuex

首先,在这里回答一个粉丝的问题,为什么有local storage 和session storage还要使用vuex,这里我解释一下,我们要明白浏览器的存储和vuex的存储的不同点,首先,浏览器存在本地,vuex存在内存里,所以vuex刷新会丢失,从现在来看,好像存在浏览器里会更好,但是,有个问题时,存在浏览器里不是响应式的啊,只有存在vuex才是响应式啊,我们通过计算属性或者watch监听下在同步更新下就行,但是,浏览器不支持响应式,所以,我们为了规避掉vuex的的刷新丢失的问题,所以,当刷新时,从浏览器

2024-01-02 16:54:27 1008

原创 react+datav+echarts实现可视化数据大屏

最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考。 📓 datav框架 📓 echarts2,路由设计 📓在路由上,我是绑定一个index的路由作为组件,然后在index添加自适应的全局容器,当容器设置完成后,就在就在将其他的小的模块给一个个导入进来,

2023-12-14 10:55:15 21730 2

原创 vue2+datav可视化数据大屏(3)附自适应各分辨率的大屏框架git代码。

接上一节所说,当我们将接口封装完了后,我们需要给大屏进行内容填充啦。

2023-12-08 11:25:50 21311 1

原创 vue2+datav可视化数据大屏(2)

接上一节所说 我们已经讲骨架搭好 这节我们讲述的如何在vue2中使用mock数据和封装axios。

2023-12-08 09:48:40 20517

原创 vue2+datav可视化数据大屏(1)

📓 最近打算出一个前端可视化数据大屏的系列专栏,这次将很全面的教大家设计可视化大屏,从开始到打包结束,其中,包括如何设计框架,如何封装axios,等等,本次使用的数据均为moke数据。📓 首先确保电脑上安装node.js,node安装简单,去官网下载安装包一件安装即可,当安装了node.js后,我们新建一个文件夹,用vscode打开文件夹,打开终端,安装脚手架。📓在src文件夹下面,有个app.vue的入口文件,我们将这个文件处理下,将一些无语的代码删除,保留如下代码。

2023-12-07 16:47:48 23027 2

原创 vue3实现验证码校验的功能

最近想实现使用vue3实现一个简易的前端验证码校验的功能,就花了点时间实现了,这只是一个简易版的,但是用在项目中是没有啥问题的

2023-11-23 17:13:44 20652 2

原创 vue3中使用全局自定义指令和组件自定义指令

这篇文章会教大家如何实现全局自定义指令和组件自定义指令

2023-11-21 16:31:26 21239

原创 element-plus 循环生成的多个input输入框如何校验

现在这种情况下,因为prop无法精准的定位到底应该绑定哪个input,所以就会出现,prop无法校验input的情况下,这时候只能是通过给prop传入相对应的下标,通过下标来区分,一个prop对比一个model,代码如下。我们知道正常写出来的input输入框如何校验,那循环出来的输入框应该怎么校验咧,这里就教大家如何的去校验通过循环出来的输入框。这里要注意下,人工prop的参数传入变量时,记得在前面加上:号,变量才会生效,不管是不是用模板字符串的写法。首先先看单个的input如何做校验。

2023-11-10 15:52:46 21648

原创 Kepp-alive的实际运用场景(1)

大概的完善逻辑是,我们要区分,在当前的订单列表页里,我们判断我们进入的是不是详情页,如果是详情页,那好,让订单页继续缓存,如果我们从订单页跳转的不是详情页,这时候,我们将订单页的meta里验证要不要缓存的信息修改为false。而从其他页面进入到订单列表页时,则照常刷新列表页的数据。当我们实现到这一步时,我么从详情页退回到订单列表页时,列表页不会刷新,但是,这里会有一个问题,当我们从其他页面进入到订单列表页时,列表页页没有刷新了,这里肯定是不符合需求的,所以这里我们得继续完善修改。

2023-11-07 17:58:18 20338

原创 ES6的基础用法

本文会着重讲解es6,帮助大家熟悉es6和掌握es6的写法。

2023-11-07 17:48:15 20573

原创 js原型链

轻松理解js原型链,

2023-11-06 17:59:20 20941

原创 vant4的基础用法

这篇文章会手把手的教你如何用vant开发h5

2023-10-30 15:57:25 22088

原创 vue项目预览pdf功能(解决动态文字无法显示的问题)

当我们渲染出pdf组件时,我们这时候看到,组件其实就是html渲染的,一般的都是画布渲染,可能这就是能显示动态文字的原因吧,既然是html渲染的,我们就能通过修改html来进行自定义功能啦,我们找到 web/viweer.html文件,找到我们需要操作的功能,注释隐藏或者添加即可,在js里写入功能即可。

2023-08-18 14:41:38 26235

原创 git在工作中如何搭建和运用(巨详细!!)

最近有点闲,出一版git在实际公司上的一些运用。很详细,很精华!!!

2023-07-07 10:58:30 25320

原创 echarts饼装图自定义图例和扇形区的文字

最近因为工作需要,需要开发一个大屏,后台给的数据是这个的,echarts是默认将数据data例的name属性作为图例和扇形图上展示文本,这里我需要自定义图例信息和内容,通过这篇文章,记录下如何修改这些内容,基于js和vue2,datav

2023-06-27 11:17:38 26827

原创 datav和echarts一起使用时,在datav的组件里获取不到dom元素,导致无法渲染echarts

记录一个小问题,datav和echarts一起使用时,在datav的组件里获取不到dom元素

2023-06-27 11:15:03 25496 3

原创 前端table分页组件开发(手写组件)

到现在是实现了,当点击父组件的内容是,顶部table实时更新,然后要实现的就是我们点击顶部的table,父组件的内容更新了,这里我们需要做的就是,获取到当前点击的是什么内容,然后通过emit函数,将我们选中的内容传递出去,让父组件根据我们传递的数据实时渲染。先看下需求,在页面的顶部加入一样table,当我们点击table时底部的页面切换,中间的内容根据切换的tab来切换,tablei里还有小table,当点吉小table时,小table也跟着切换,先来看下实际的结果图。

2023-06-02 18:05:45 25291

原创 TypeScript的基本使用(2)

ts的基本使用,内容很细

2023-05-24 15:48:39 25473

原创 TypeScript的基本使用(1)

ts的基本用法,内容很细

2023-05-24 15:24:55 25336

原创 前端列表页+element-puls实现列表数据弹窗功能

使用 eldialog组件,v-model绑定的值为true时,打开弹窗,组件里我放的时自己写的组件,用来做数据的展示,这里我们将可以写一个函数,绑定在修改按钮上,这个函数用来处理。这里要注意下,我们要用watch监听props数据,当每次数据更新时,在watch里面监听更新,并重新赋值,不然会出现当我们点击第二个列表数据时,数据不正确的情况。这是一个修改的弹窗,我们要实现的功能是,在列表,点击修改按钮时,将数据带入到弹窗里面,点击保存时关闭弹窗。3,将列表页的数据传入到子组件里,作为编辑的初始值。

2023-05-23 17:45:29 26951

原创 element-puls分页功能实现

5,@size-chanse,切换当前页面展示多少条数据时执行,handlesizechange是一个函数,这个函数里请求列表数据,当切换展示多少条数据时,重新请求列表,2,:page-sizes,这后面接的是一个数组,数组里的每一项代表着我们对页面能所选的数据进行固定,当前页面只能选择10,15,20,25页展示。1,:current-page,当前是第几页,这个绑定一个值,当我们切换页数时,所绑定的值state.papenum的值随着改变。掌握这几个值后,即可实现基本的列表分页功能,

2023-05-23 17:31:04 27286

原创 前端可视化数据大屏(2)

接上一期说的我们大屏的主体框架已经搭建好了,后续我们只需要往大屏里面添加内容即可本期我们将讲述如何往大屏里面添加echarts的组件内容。

2023-03-14 17:35:07 26844 2

原创 前端可视化数据大屏(1)

效果图技术架构:datav,vue2,echarts我们一步一步的来实现一个简单的可视化数据大屏,开始吧!!

2023-03-14 16:58:02 42279 10

原创 js小技巧(2)

date.getMilliseconds()返回的是当前是多少毫秒,返回的是0-999,因为是从0开始,所以得+1。date.getMinutes()获取当前是第几分钟 返回的是0-59,因为是从0开始,所以得+1。date.getSeconde()获取当前是第几秒,返回的是0-59 因为是从0开始,所以得+1。date.getHous()获取当前是几小时,返回的是0-23,因为是从0开始,所以得+1。使用方法,var date= new Date() //返回当前时间。

2023-03-14 11:15:02 25527

原创 js超实用的小技巧(1)

但是,如果我们在函数里声明一个变量,就要根据实际情况来确定加或者不加了,如果加了var,则代表着这个变量时局部变量,只在局部生效,只能在函数里使用,如果没加则代表着是全局变量,全局都能使用这个变量。特殊类型:underfined(未定义),null(空对象),lnfinate(无穷),nan(非数字)基本数据类型:字符串(string),数字(number),布尔(boolean),对空(null)引用数据类型(对象类型):对象(object),数组(array),函数(function)

2023-03-14 10:28:15 25544

原创 postman如何做接口关联

postman数据提取,接口关联

2022-08-24 10:13:00 36845

原创 jmeter接口自动化

导言:之前我发过一篇jmeter做自动化的文章,因为那时候是刚刚写文章,所以就导致文章写的不太好,这次我将再重新发布一版超详细的jmeter数据驱动做自动化的文章。按照我的步骤走,你也能掌握用jmeter做接口自动化测试为了方便大家理解,我这里将通过拆分步骤,在将步骤里的内容一个个的通过jmeter上的分解,和实现来帮助大家理解记忆。......

2022-08-11 13:28:33 43867

原创 jmeter断言(响应断言)

jmeter响应断言

2022-07-08 14:46:07 30737

原创 用python开发文本翻译小软件

教你如何用python开发一个翻译小软件,软件流程步骤都有详解,代码已贴出,看了就懂!!

2022-06-14 11:58:45 34053 7

原创 jmeter常用逻辑控制器(事务控制器,循环控制器)

本文着重讲述jmeter的事务控制器和循环控制器的使用方法和运用场景,满满的都是干货,你确定不来看看吗

2022-06-10 14:54:02 30642 1

原创 jmeter常用逻辑控制器的使用(如果(if)控制器)

这篇文章会让你快速的掌握jmeter的如果(if)逻辑控制器如何使用,他的使用规则是什么,文章通俗易懂,内容全面。欢迎大家提问哦,我都在

2022-06-07 11:28:40 40431 1

原创 linux上安装mysqlclient报错的原因 (ERROR: No matching distribution found for mysqlclient)

昨天因为想在linux的centos7上安装mysqclient用来配合django链接数据库,但是,在我安装mysqlclient的时候报错,我当时使用的是pip3 install mysqlclient来安装的,结果gg,当时报的是ERROR: No matching distribution found for mysqlclient==2.0.3,很残忍,后来去百度找了一些办法,我的步骤是这样的,首先安装python3-dev (如何安装自行百度)第二步,安装mysql-serve.

2022-03-03 10:22:08 40180

原创 python生成可视化数据(matplotlib)进阶版

上期我们讲到如何用matplotlib模块将表格里的数据转换成可视化的折线图,但是,这里会有一个问题,表格里的数据是死的,是我随手创建的。在这一期,我将讲解如何通过requests+matplotlib等编写一个真实数据的可视化内容。今天就来统计一下csdn网站上作者总榜前20名作者的粉丝数吧首先,第一步,通过requests模块获取相应的数据我们先确定我们需要什么数据 1.作者名称 2,作者粉丝数一,通过fiddler抓包,找到哪个接口有我们想要的数据二,将抓取到的接口通...

2021-12-24 20:44:25 37148 1

原创 python生成可视化数据(matplotlib)

我们知道python做数据分析是一流的,把数据变为可视化内容,如果我们有一个表格,表格里面有很多数据,我们该如何把这些数据转换为可视化数据咧。首页,我们来看下如何来进行操作的吧。首先,我们先看下我们需要形成可视化的数据,这里我添加的是每月销售额的数据。会一步步实现可视化数据。一,python生成可视化数据import matplotlib.pyplot as pltx_data_csdn = ['2011', '2012', '2013', '2014', '2015', '20.

2021-11-30 16:13:32 38872

pdf预览插件,对无法显示的动态文字的pdf进行处理

pdf预览插件,对于pdf进行预览,开箱即用,除了体积大了一丢丢,其他的基本上算是很好了,提供给有需要的朋友,使用方法在这里 https://blog.csdn.net/m0_58002043/article/details/132360796?spm=1001.2014.3001.5502

2023-08-18

空空如也

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

TA关注的人

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