- 博客(46)
- 收藏
- 关注
原创 python + selenium ui 自动化
selenium简单的介绍通过这两的对测试工作的一个了解,已经大概的了解了测试的一些 自动化的一些框架了,特别是selenium这个ui界面的自动化 框架 ,毕竟我之前是前端开发吗,所以对这个是比较感兴趣的,就去学习了一下,在这里就给大家总一下小小的总结吧1.Selenium简介Selenium是一个用于测试网站的自动化测试工具,支持各种浏览器包括Chrome、Firefox、Safari等主流界面浏览器,同时也支持phantomJS无界面浏览器。2.支持多种操作系统如Windows、Linu
2021-12-13 15:20:01 2119
原创 jmeter的所有的操作步骤
JMeter如何做接口测试通过这几天的做的测试的工作,我大概的分析出测试主要分一下几点,接口,性能,功能,自动化,其中性能测试为当下主流性能测试包括压力测试,负载测试1.首先通过jmeter我们就可以来时先许多操作接口,性能都可以用jmete来做压力测试1.创建线程组,在线程组中设置线程的个数、持续时间和循环次数,如2、创建HTTP请求默认值,在之后所有创建的HTTP请求中都会先经过HTTP请求默认值,可以设置默认访问地址和端口号,如下图所示:3、创建HTTP请求,设置需要访问的路径及
2021-11-22 17:16:02 1368
原创 Jmeter的使用
**Jmeter简介**1. Jmeter的基本概念Apache JMeter是Apache组织开发的基于Java的压力测试工具。2.Jmeter的作用接口测试性能测试压力测试接口自动化测试数据库测试JAVA程序测试3.Windows下Jmeter下载安装登录 http://jmeter.apache.org/download_jmeter.cgi ,根据自己平台,下载对应文件4.安装JAVA环境安装JDK,配置环境变量(具体步骤不做介绍)将下载Jmeter文件解压,打开..
2021-11-19 15:14:06 162
原创 charles的一个基本的使用
最近我们公司内部需要一个测试,然后的话,我自报奋勇然后的话 进行了一个申请 然后从一个前端开发 进行了一个公司内部的转行 哈哈哈哈哈今天就给大家分享一下 charles的一个基本的使用1.首先的话,就行在官网进行一个安装(安装的时候不要安装在带有汉字的文件夹里面)2.这里我们需要进行一个 wed 端的一个抓包1,web 抓包Charles Web抓包非常简单,启动Charles会自动与浏览器设置成代理,不需要进行过多的设置,接下来我就就是通过浏览器发送网络请求,Charles就会直接抓取到这些.
2021-11-15 20:03:10 1371
原创 echarts立体中国地图的展示
效果图1.首先需要下载echarts,然后在man.js中进行一个引入2.然后需要下载地图插件,然后也在man.js进行一个引入引入echarts,和地图插件import * as echarts from "echarts"Vue.prototype.$echarts = echartsimport china from 'echarts/map/json/china.json'echarts.registerMap('china', china)<template>
2021-10-12 15:01:58 1407
原创 如和将本地仓库推送到远程仓库
1.首相要在自己的本地创建自己的分支2.然后直接推送就可以了1.git branch 分支名字 创建分支2.git push --set-upstream origin 远程分支的名称 比如(liuwei这就是本地有分支连接远程分支
2021-08-02 16:04:00 140
原创 git如何将主分支代码拉取到自己的分支
git checkout master切换到主分支2.git pull 拉取主分支代码3.git checkout ‘分支名称’ 切换到自己的分支4.git merge master 合并代码
2021-07-27 16:29:16 12953
原创 后台管理项目打包上线,以及自己搭建服务器
1.首先打包上线的时候我们先需要进行一个npm run build2.然后的话你会发现此时的页面是一个空白的页面,这时候的话,我们需要在根目录下面创建一个vue.config.js文件夹,然后将将绝对路径改成相对路径,这时候在 npm run build 这时候就可以运行的起来了,但是你会发现此时的项目时非常大的我们需要进行一些压缩的操作1.在根目录创建文件夹2.在文件夹中进行压缩操作module.exports = { publicPath: "./", production.
2021-06-22 21:51:56 770 1
原创 vue后台管理的echarts图表的使用与合并数据
1.首先我们要去echarts官网进行一个下载(npm install echarts --save)2.然后在我们使用的页面进行一个引入3.此时的话我们想要把合并一些数据到echarts图表中的话,我们是需要下载一个命令 (npm install lodash@4.17.15)注意:这里我使用的是一个4点多的一个版本号4.下载玩合并之后我们还是需要在页面进行一个引入的<template> <div> <!-- 面包屑 --> <el.
2021-06-21 18:41:54 1042
原创 如何将写完的代码进行一个码云提交
1.git branch //查看在那个分支2.git checkout -b user //表示的是创建user分支,顺便切换到user分支上面3.git status //查看usre分支上的状态 红色4.git add . //添加到暂存区 绿色5.git commit -m ‘完成用户’ //提交usre分支上6.git push -u origin user //我们要打本地分支推到origin以user分支...
2021-06-10 16:06:01 127
原创 如何将本地代码上传到码云
1首先我们要进入到码云的官网进行一个仓库的创建2.然后进行一个全局的配置win-r3.然后打开自己的项目进行本地操作全局配置git config --global user.name "lw0362"git config --global user.email "8901036+lw0362@user.noreply.gitee.com"自己的项目git status //查看状况git add . //存放到暂存区git commit -m '第几次提交'然后再.
2021-06-10 11:51:59 200
原创 nginx的两种路由发布区别
hash模式1.打包npm run build浏览器访问:localhost/dist/index.html就可以看到页面了。history模式的发布1.首先我们需要修改一个我们下载的nginx里面的conf文件夹里面的nginx.conf2.当我们修改完配置文件之后必须重启,才能访问的到,不然的话它一直还是空白页面1.首先要找到这个文件2.然后再找到nginx.conf,放到编辑器中进行一个修改配置3.修改成4.然后重新停止服务器,然后在进行一个重启(1)star
2021-06-07 11:34:01 168
原创 windows下载安装Nginx
安装步骤1、下载Nginx下载地址:http://nginx.org/en/download.html (Nginx官网);2、下载之后,解压到指定的目录,就可以看到以下的目录3、控制台(CMD)切换到Nginx目录下,输入start nginx ,然后在浏览器页面输入localhost,出现如下界面则表示安装成功。默认监听80端口号。4、nginx命令介绍(1)start nginx 开启nginx服务(2)nginx.exe -s stop 关闭nginx服务,快速停止nginx,
2021-06-07 11:20:42 204
原创 Vue Router导航守卫/登录鉴权
1.路由守卫的种类导航守卫导航表示路由发生改变正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。全局前置守卫需要在man.js中创建const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { })当一个导航触发时,全局前置守卫按照创建顺序调用每个守卫方法接收三个参数:t
2021-06-06 16:51:11 295 1
原创 webpack打包优化
1.打包之前必备在根目录的文件下面创建一个vue.config.js文件然后在里面用module.exports导出一个修改资源路径默认的是绝对路径 要的是相对路径在vue.config.js中配置module.exports = { publicPath: ‘./’ }打包的命令行是npm run build打包之前我们需要在vscod中下载一个插件:2.去除多余的sourceMap这样的话会大大减少打包时所占用的内存module.exports={ publicPath: '
2021-06-06 15:57:44 215
原创 封装axios,和api的统一管理
封装axios1.在根目录下面创建一个文件夹,在文件夹里面分别创建两个js文件,分别是api.js , http.js2.在http.js中封装axios,同时配置请求拦截器,响应拦截器 // 在http.js中引入axiosimport axios from 'axios'; // 引入axiosimport router from '../src/router';// vant的toast提示框组件,大家可根据自己的ui组件更改。//veux的引入import store fro
2021-06-03 16:54:56 144
原创 Vant按需引入的过程
想使用Vant ui框架1.首先通过npm进行一个下载# Vue 2 项目,安装 Vant 2:npm i vant -S然后按需引入也需要下载插件# 安装插件npm i babel-plugin-import -D然后在根目录下面创建.babelrc再创建的文件夹上面引入{ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style"
2021-06-03 16:23:33 190
原创 具体的项目流程
1.具体的介绍面试官你好,《去哪了》这个项目是我独立开发的,接下来我给您简单的介绍一下,我从0开始,直到发布上线的流程2.基本的配置过程首先当我拿到这个项目的时候,我要先进行一个项目的大体的流程是什么样子的1.来确定这个项目的整体的框架结构2.然后在确定一些具体的功能模块3.然后就开始创建项目1.在创建项目时,我们可以进行一个手动的配置从而选择我们所需要的东西,比如:路由,vuex, sass, 之类,然后启动项目2.然后的话就是安装一些rem的适配,1px 边框像素问题,字体图标
2021-06-02 16:26:58 144
原创 keep-alive是什么?
概念keep-alive是vue提供给我们的一个组件,用来在路由切换的时候保存我们的组件状态,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中作用在组件切换过程中 把切换出去的组件保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性对生命周期函数变化被包含在 keep-alive 中创建的组件,会多出两个生命周期的钩子: activated 与 deactivated缓存整个项目<template> &l
2021-06-01 21:10:09 232
原创 什么是闭包
闭包:定义 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数的内部变量,且返回的那个函数在外部被执行,就产生了闭包.闭包是一个环境,具体指的就是外部函数–高阶函数 closure闭包的三个特性1:函数套函数2:内部函数可以直接访问外部函数的内部变量或参数3:变量或参数不会被垃圾回收机制回收 GC闭包的优点:1:变量长期驻扎在内存中2:避免全局变量的污染3:私有成员的存在闭包的缺点常驻内存 增大内存的使用量 使用不当会造成内存的泄露....
2021-05-30 21:25:06 94
原创 var let const 区别
如果使用关键字 var 声明一个变量,那么这个变量就属于当前的函数作用域,如果声明是发生在任何函数外的顶层声明,那么这个变量就属于全局作用域。举例说明:var a = 1; //此处声明的变量a为全局变量function foo(){ var a = 2;//此处声明的变量a为函数foo的局部变量 console.log(a);//2}foo();console.log(a);//1let声明变量有以下几个特点:1.没有预解析过程(即没有变量提升,var有变量提升)2.不可以重
2021-05-30 21:21:33 105
原创 作用域、作用域链、自由变量、变量提升
1.作用域链?只要是代码都在一个作用域中,写在函数内部的局部作用域,未写在任何函数内部即在全局作用域中;如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域;根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链。2.作用域?作用域 就是代码名字(变量)在某个范围内起作用和效果,目的是为了提高程序的可靠性更重要的是减少命名冲突作用域(es6)之前:全局作用域 局部作用域3.自由变量自由变量的概念: 当前作用域没有定义的变量4.变量提升va
2021-05-27 21:32:07 70
原创 call/apply/bind的区别
1.改变this指向的的方法 1.caal跟apply跟bind都可以改变this指向 2.call后面是用于一个一个数据数据下使用 3.aply用于后面是数组的情况下 4.bind是修改this指向但是还得调用一下1.call 用于后面是一个一个数据的情况下function f(){console.log(arguments)Array.prototype.push.call(arguments,100)}f(1,5,6)2.apply用于后面是数组的情况下fu
2021-05-27 21:09:19 93
原创 this关键字(指向)
一、this指向分为1.在浏览器里,在全局范围内this指向的是window对象 var aa = 10 console.log(this) //Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, …}2.在函数中,this永远指向最后调用他的对象 function aas(){ var bb = 20 console.log(this) }
2021-05-26 21:45:52 119
原创 原型和原型链
1.原型有哪些?1.每个函数都有一个prototype属性,被称为显示原型function aa(){ } console.log(aa.prototype) //2.每个实例对象都会有_ _proto_ _属性,其被称为隐式原型 let a = {} console.log(a)
2021-05-26 21:02:48 75
原创 es4----es6数组方法
1.数组方法数组元素的排序:sort()语法格式:数组名.sort();sort()方法可以没有参数使用:将数组中所有的元素都看作字符型数据来进行排序。var num=[10,5,4,0,29,91,52,73,1];console.log(num);num.sort(function(a,b){ return a-b; }) //将num数组的元素按照数值关系升序排列 console.log(num); //[0,1,4,5,10,29,52,73,9
2021-05-25 21:49:18 141
原创 Js中arguments
在Javascript中,arguments是对象的一个特殊属性,arguments对象就像是数组,但是它却不是数组,它被Javascript称为伪数组,虽然长得像数组但是他不具备数组中的方法,但是它有长度,索引值,如果我们想要让它使用数组方法我们可以通过var argsArr = Array.prototype.slice.call(arguments);...
2021-05-25 20:39:58 83
原创 数据类型判断
typeof 对于基本数据类型判断是没有问题的,但是遇到引用数据类型(如:Array)是不起作用instanceof 判断 new 关键字创建的引用数据类型不考虑 null 和 undefined(这两个比较特殊)以对象字面量创建的基本数据类型constructor 似乎完全可以应对基本数据类型和引用数据类型 但如果声明了一个构造函数,并且把他的原型指向了 Array 的原型,所以这种情况下,constructor 也显得力不从心Object.prototype.toStri..
2021-05-24 21:46:50 84
原创 手写深拷贝
一、先认识什么是相等或者不等定义是:我们要二个变量、初始值相等的话,就要通深拷贝 //如果需要两个变量,如果他们的初始值相同那么 let arr = [1,2,3,4,[5,6]] //j let list = [...arr] //l console.log(list) console.log(arr) console.log(arr === list) console.log(arr[1]===list[1]) 第一种方法
2021-05-24 21:45:43 75
原创 uni-app的token的过期解决方法,将koken加入到头部
token过期解决问题 1.首先我们要在封装request的地方在请求数据成功的回调函数中 进行第二次的存储token,当存储完之后在进行一次数据的请求 2.token请求头部的添加 header: {'token': uni.getStorageSync('token')},//将token加入到请求头const baseUrl = 'http://api.intewl.cn/api' //共有路径 1. export const myRequest = (url, method, data
2021-05-24 15:42:27 4268
原创 深拷贝,浅拷贝的区别
浅拷贝:复制基本类型的属性;引用类型的属性复制,复制栈中的变量 和 变量指向堆内存中的对象的指针,不复制堆内存中的对象深拷贝:复制基本类型的属性;引用类型的属性复制,复制栈中的变量 和 变量指向堆内存中的对象的指针和堆内存中的对象。...
2021-05-23 21:51:23 45
原创 vue中的路由模式
vue中的路由具体使用情况1.vue中的路由分为两种 分别是: 一种是编程式导航,还有一种是通过vue给我们提供的:组件式导航2.如何下载vue-router 我们是通过命令行来下载的 :npm install vue-router --save ,然后在 mian.js中进行一个引入import VueRouter from 'vue-router'然后挂载在vue上Vue.use(VueRouter)1.路由的类型第一中是我常用的编程式导航,我们好比进入详情页的时候需要传id,我们就可以
2021-05-23 21:46:37 137
原创 vuex的具体概念
1.什么是vuex **1.veux的具体的分析** vuex是有哪几部分组成的 vuex到底是有什么用 vuex调用vuex的数据有哪些方法,在页面中如何使用 vuex的持久化1.vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式2.vuex的组成它由五部分组成分别state,actions,mutations,getters,modules2.在页面中如何调用vuex的数据1.在html结构中查看vuex的数据是通过
2021-05-23 21:23:09 135
原创 vue中的生命周期函数
常用的生命周期函数1.常用的生命周期函数一共有8个,分别是1.创建 2.挂载 3.跟新 4.销毁1.创建(beforeCreate created )beforeCreate() 创建前的阶段,这个时候data中的数据,还未定义,所以不能使用created() 最早开始使用 data和methods中数据的钩子函数2.挂载(beforeMount mounted)beforeMount() 指令已经解析完毕内存中已经生成dom树,还没有渲染到本地mounted() dom已经渲染
2021-05-20 21:36:57 58
原创 vue中的组件通信
1.子传夫(1)在父组件的子组件标签上自定义一个事件,然后调用需要的方法(2)在子组件的方法中通过 this.$emit(“事件”)来触发在父组件中定义的事件,数据是以参数的形式进行传递的2.夫传子1)在父组件的子组件标签上绑定一个属性,挂载要传输的变量(2)在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props:[“属性名”] props:{属性名:数据类型}3.兄弟传值其实兄弟传值很少再用,vue框架给我提供了一个更好的传值方式就是vuex
2021-05-19 21:55:20 44
原创 uni-app的请求数据的封装
1.首先在根目录创建好文件夹1 在根目录里创建request文件夹2在request文件夹里面创建request.js文件,在文件夹中写入所需要的代码3.然后再全局配置中导入你创建好的文件夹,挂在vue的原型上const baseUrl='http://api.intewl.cn/api'//共有路径export const myRequest = (url,method,data) => { return new Promise((resolve, reject) => {
2021-05-19 07:56:26 105
原创 优选商城的项目讲解
项目的分析步骤1.首先我们创建底部tab的路径,小程序已经给我们提供了设置tab栏的内置组件2.让后在进行个个页面的渲染(具体的逻辑慢慢来说)3.首先我们要把prmins进行一个分装,为了后续页面的使用首页1.首先我们要进行页面的请求数据2.然后通过请求过来的数据进行渲染页面3.我是将首页分为四大模块进行了封装3.1.头部导航栏3.2.轮播图3.3九宫格3.4楼层1.首先是轮播图,导航组件的拆分2.然后再shou.json中进行引入<!-- 轮播图 --><
2021-05-17 21:58:51 356
原创 微信小程序的发布流程
1.上传的流程 1.打开编辑器的,最右上角有一个上传 2.让后进入小程序的官网,进行发布(配置你需要的东西)小程序官网: https://mp.weixin.qq.com/wxamp/wacodepage/getcodepage?token=977109784&lang=zh_CN1.打开编辑器2.进行最基本的配置3.提交成功编辑器上面的的操作已经完成,然后在进行小程序的操作2.小程序上的操作 1.进入【版本管理】找到开发版本,点击‘提交审核’2.首次提交审核,会弹
2021-05-17 10:39:37 256
原创 微信小程序中的授权流程
授权流程的讲解 1. 首先我们先给授权按钮设置一个点击事件 2. 然后微信文档中自带一些属性,来进行授权登录<button class="login-btn" open-type='getUserInfo' bindgetuserinfo='addlist'>授权</button>addlist(e){ var a = e.detail var encryptedData = a.encryptedData var iv = a.iv v
2021-05-16 20:31:43 478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人