guotianxiu1234-CSDN博客

原创 Vue 的学习使用笔记1

Vue 基础：angular 09 年react 2013vue 2014年作者：尤雨溪前端框架和库的区别：库：小而精，能实现某些功能，引用库直接调用某些函数，通过函数操作Dom框架：大而全，里面包含很多库，使用框架需要初始化自身的一些行为，执行所编写的一些代码，存放一些资源Vue：如果Template中定义了内容，那么优先加载template里的内容，如果没有定义内容那么加载...

2019-09-03 15:49:28 192

原创实现项目中购物车、商品评论功能

学习目标课程重点内容一、商品详情页轮播图实现在商品详情页面中，也要展示对应的轮播图，同时考虑到轮播图是公共的内容，因为在很多的页面中都有可能使用轮播图，所以可以定义成一个公共的组件。在components下创建Common文件夹，在该文件夹下创建MySwipe.vue，为公共的轮播图组件。1、获取轮播图数据由于该轮播图是公共的组件，那么在获取数据的时候，要请求哪个地址呢？请求的地址，...

2019-08-07 08:36:24 2041

原创 Vue实现项目中的商品列表，商品详情等功能

es6 学习资料：http://es6.ruanyifeng.com/学习目标掌握npm的使用课程重点内容npm的使用一、npm在安装npm前先要安装Node的环境，安装的过程如下https://www.runoob.com/nodejs/nodejs-install-setup.html1、npm 的两层含义NPM 是一个第三方模块的托管网站，指的就是https://ww...

2019-08-01 14:45:44 2898

原创 Vue 的基本使用及系统指令

学习目标1、掌握Vue的基本使用2、掌握常用的系统指令3、掌握使用指令系统完成用户信息展示案例课程重点内容1、Vue的基本使用2、Vue系统指令3、使用指令系统完成用户信息展示案例一、Vue简介[外链图片转存失败(img-pafsRLDS-1564101818292)(\img\为什么学习vue.png)]二、Vue初体验**<!DOCTYPE html>&lt...

2019-07-26 08:53:18 230

转载 IE条件编译

2019-07-08 11:01:03 254

转载利用@media screen实现网页布局的自适应

利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上（大于1200px）@media screen and (min-width:1200px){ #page{ width: 1100px; }#content,.div...

2019-07-04 14:57:55 135

原创 css样式之清除浮动

css的定位机制：普通流：浮动元素只能向左向右移动浮动：浮动元素碰到包含框或者另一个浮动框会停止绝对定位：浮动元素之后的元素将围绕它，之前不受浮动元素会脱离标准流清除浮动的三种常用方法（一般用2， 3 ）：1 在浮动元素后使用一个空元素eg：<style>.div1{ clear:both}</style><div class="div1> ...

2019-07-04 10:32:28 268

转载浏览器常见的兼容性问题

市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核：常见的浏览器内核可以分四种：Trident、Gecko、Blink、WebkitIE浏览器 Trident内核，也成为IE内核Chrome浏览器 Webkit内核，现在是Blink内核Firef...

2019-07-02 10:07:41 169

原创 css的权值

一、样式类型1、行间<h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1>2、内联<style type="text/css"> h1{font-size:12px; color:#000; }</style>3、外部<link rel="st...

2019-07-02 09:45:03 662

原创 JS中Swiper的使用和轮播图效果

Swiper是移动端的一款非常强大的触摸滑动插件，下面代码只展示一些常用的配置，具体可以查看官网api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="style...

2019-07-01 09:19:20 975

原创前端随笔

input 的属性：name文字的名称maxlength用户可以输入的最大字符串长度sizi文本框的宽度，默认为20vlue指定文本框的默认值placeholder内置文字单选框 radio 想要实现单选框的内容，name要相同复选框 checkbox 对name没限制，最好是用相同的name值图像域隐藏域标签的...

2019-06-28 09:47:29 166

转载 chrome浏览器中 F12 功能的简单介绍

chrome浏览器中 F12 功能的简单介绍首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网络（Network）等。**元素（Elements）：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。控制台（Console）：控制台一般用于执行一次性代码，查看JavaScr...

2019-06-03 10:51:45 363

原创 Jmeter 六天训练营 day5

性能测试概念:性能测试: 模拟生产环境下各种正常、峰值的负载场景，测试各项性能找是否达标作用：1.技术选型2.测试当前程序所能支持的最大负载3.发现程序中性能瓶颈, 提高资源利用率4.提升用户体验性能测试案例1需求1:同一时刻 100 个同学去访问学生管理系统的查询所有学院信息功能,统计高并发情况下平均响应时间以及错误率(高并发)性能测试案例02需求1:一个用户以 ...

2019-06-03 10:39:33 158

HTTP 与HTTPS 的概念：HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSLHTTP 与HTT...

2019-05-29 15:08:57 219

原创 Jmeter 六天训练营 day3

什么是参数化？所谓参数化就是动态的获取、设置或生成数据场景: 测试用例设计完毕并生成了测试数据，如何将测试数据导入脚本？JMeter 的参数化方案CSV数据文件设置2.函数3.用户参数4.用户定义的变量参数化:CSV 数据文件设置场景: 测试用例设计完毕并生成了测试数据，如何将测试数据导入脚本？实现方案1: 手动导入测试数据实现方案2: 参数化动态导入测试数据步骤1: 编...

2019-05-29 14:45:35 182

原创 Jmeter 六天训练营 day2

什么是测试用例？测试用例(Test Case)是为特定的目的而设计的一组测试输入、执行条件和预期的结果，以便测试是否满足某个特定需求。通过大量的测试用例来检验软件的运行效果，它是指导测试工作进行的依据常用的测试方法：等价类（有效等价类:满足需求的，无效等价类:不满足需求的），边界值（区间取值时，覆盖左右边界），判断表（用户提交的不同数据有组合关系时），错误推断法（错误推测法是指利用直觉和经验猜...

2019-05-29 14:27:29 216

原创 Jmeter 六天训练营 day1

课程概要day01 == 接口测试相关概念、环境搭建、天气预报接口day02 == 测试用例的边界值、等价类、判断表、错误推断法day03 == Jmeter 的四种参数化方案与自动化测试演示day04 == https 与 http 区别，使用 Jmeter 实现接口测试day05 == 性能测试概念、流程、测试对象以及测试方案等，使用 Jmeter 实现性能测试day...

2019-05-29 11:30:24 260

原创 python随机生成手机号和密码

python代码随机生成手机号import randomdef createPhone(): for k in range(10): prelist=["130", "131", "132", "133", "134", "135", "136", "137", "138", "139", "147", "150", "151", "1...

2019-05-24 16:26:12 679

原创 Jmeter 工具的使用

Jmeter 的目标参数化：数据分离关联：动态获取数据断言：判断自动化脚本集合点：掌握如何基于Jmeter并发测试作用域：只有掌握了元件之间的彼此作用域才更好的使用测试计划与线程组不属于可执行元件元件作用域顺序配置元件（config elements）前置处理程序（pre-processors）定时器(timer)取样器(Sampler)后置处理程序(post-proce...

2019-05-22 11:33:08 205

原创 Jmeter八大元件

一：配置元件需要掌握1 Csv Data Set Config参数化，达到数据分离的效果2 HTTP 信息头管理器新增/更新JSON 报文3 HTTP 请求默认值二：定时器（Timer）Constant Troughput Timersynchronizing Timer很多客户同时访问三：前置处理器四：后置处理器：1. 正则表达式提取器2. Xp...

2019-05-21 16:45:49 4445

原创 Jmeter测试片段，非测试元件的使用

**Test Fragment（测试片段）**测试片段元素时控制器上的一个特殊的线程组，它在测试树与线程处于同一个层级。它与线程组有所不同，因为它不被执行，除非它是一个模块控制器或者是被控制器所引用时才会被执行。演示步骤：1 添加测试片段2 添加http请求3 添加查看结果树到此步，点击执行，查看结果树时，结果树上无任何执行响应4 添加线程组5 添加模块控制器6选中测试片...

2019-05-21 12:01:06 1339

原创 Jmeter

Jmeter 是什么？Apache JMeter 是Apache 组织开发的基于java的压力测试工具。用于对软件做压力测试的工具。用于对软件做压力测试，它最初被设计用于web应用测试，但后来扩展到其他测试领域它可以用户测试静态和动态资源，例如静态文件，java小服务程序，CGI 脚本，java对象，数据库，FTP 服务器等等，Jmeter 可以用于对服务器，网络或对象模拟巨大负载，来自不同压...

2019-05-17 15:50:43 2685

原创 python系统学习基本操作

from selenium import webdriverfrom time import sleepdriver=webdriver.Chrome()driver.get("http://www.baidu.com")sleep(3)#driver.quit() # 关闭#driver.close()# 关闭标签driver.maximize_window()#窗口最大化dr...

2019-05-14 09:49:22 92

原创 web API

父节点子节点父节点：parentNode （只有一个）子节点：child Nodes （可能有很多个）获取第一个子节点：box.firstChild (获取的是文本节点)获取最后一个子节点：box.lastChild 获取的是文本节点)获取第一个子元素：box.firstElementChild获取最后一个子元素：box.lasterElementChild案例<!DOC...

2019-05-08 16:23:59 122

原创 python测试系统学习第十四天 web页面元素的复杂定位

通过webdriver 把 python跟js浏览器链接起来测试内容： 1 数据是否正常，2 交互1 数据正常 2 定位元素 document.getElementby()python八种定位方式详解：1 id定位：find_element_by_id(“kw”) ID 是唯一的，但是部分ID 是可变的，所以当id中出现数字时，一般不用Id2 name 定位：...

2019-05-07 10:41:21 265

原创命令行客户端

连接mysql -uroot -p 回车输入密码查看所有仓库show databases使用某个仓库use 仓库名查看所使用仓库的所有表格show tables查看表结构的两种方式desc 表名show create table 表名...

2019-05-06 17:18:47 356

原创 python自动化学习第十三天，web页面的组成

Web 页面的组成页面提交用form 表单form 表单的属性 action methodHTML 属性：id ，class，style（里面写css样式），checked （默认值）disabled（这个属性不能用了,提交后，值不会被传递到后端）readonly（只能读的属性，提交后，值可以被传递到后端）Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但...

2019-05-06 10:51:43 140

原创 python系统学习 web自动化测试第十二天

1 selenium webdriver 环境安装，原理2 前端页面：html DOM 对象 javascript3 8大元素的定位 xpath 详解4 web 常用元素操作5 PageObject 模式应用自动化用例设计6 深入分层设计7 basepage页面提取8 pytest 框架应用9 jenkins 集成10 allure 报告集成web 测试的内容：1. 数据 ...

2019-05-05 17:04:04 218

原创 python系统学习第十一天断言

断言的多样性self.assertEqual(expected,result)#判断跟期望值是否相等，参数1 为期望值，参数2 为实际值self.assertTrue() # 断言空跟零为false 非空不为零为Trueself.assertIn(result，[0,1,2,3])#判断字符是否在列表中self.assertIsNone()#判断是否为空值多个断言------多重判...

2019-04-30 14:12:36 745

原创 python系统学习第十天

父类class MathMethod: def __init__(self,a,b): self.a=a self.b=b def add(self):# return self.a+self.b def sub(self): return self.a-self.b def abs(self...

2019-04-29 17:23:22 116

转载 unittest单元测试框架总结

unittest单元测试框架不仅可以适用于单元测试，还可以适用WEB自动化测试用例的开发与执行，该测试框架可组织执行测试用例，并且提供了丰富的断言方法，判断测试用例是否通过，最终生成测试结果。今天笔者就总结下如何使用unittest单元测试框架来进行WEB自动化测试。一、unittest模块的各个属性说明点击返回目录先来聊一聊unittest模块的各个属性，所谓知己知彼方能百战百胜，了解un...

2019-04-26 09:19:04 157

原创 python系统学习第九天

需求# 1 用户名统一规定为huahua 密码为123456# 2如果输入用户名跟密码正确，就提示登录成功返回Ture（布尔值类型）# 3 如果用户名跟密码不匹配或者不正确那么显示登录失败用户名不正确，返回Fale# 支付方式：有三种一是微信支付一是支付宝支付一是银联支付# 一个优惠功能随机发送不同额度的优惠券（金额范围在10-50之间）# 编程思想# 根据需...

2019-04-25 10:38:49 117

原创 python系统学习第八天

人和激起猜拳游戏写一个类，如下几个函数：函数1：选择角色 1 曹操 2 张飞 3 刘备函数2 ：角色猜拳 1 见到 2 石头 3 布玩家输入一个1-3 的数字函数3 电脑出拳，随机产生1个1-3 的数字，提示电脑出拳结果函数4 角色和机器出拳对战，对战结束后，print(最后出示本局对战结果…赢…输…函数5 最后结束的时候输出结果，角色赢几把电脑赢几把平几把游戏结束#编程思想...

2019-04-24 10:46:08 194

原创 python系统测试第七天

关于继承父类里面有初始化函数，子类创建对象的时候要传参extend override什么情况下会用到继承？在有多个子类，而且每个子类都有很多共同方法的时候需要用到继承在继承的情况下，子类有父类没有的方法，叫做拓展在继承的情况下，子类重新写了父类的方法，叫做重写单元测试单元测试一般都是开发做的单元测试测功能：测试类里面的方法：调用传参观察结果===期望结果一直 pass ...

2019-04-18 17:10:06 325

原创 python系统学习第六天

类的函数分类：类函数…@classmethod 放在函数上面，用来标记/装饰，可以通过类和对象来访问静态函数…@staticmethod 放在函数上面，来标记/装饰，可以通过类和对象来访问对象函数…只能通过对象来调用的方法创建一个类，类里面有属性，方法，对象对象的创建 ---->类名（）类和对象可以直接访问属性，并获取他们的值类的方法和普通函数有啥区别呢？除了类的方法里面有...

2019-04-17 13:08:03 128

原创 python系统学习第五天

python中的异常：异常：程序运行中出现的问题或者错误成为程序的异常控制台会出现（每个异常包含的信息）：出错的文件，行数，具体代码，错误类型，错误的代码异常处理的模式异常处理：当程序出现异常的时候，对程序进行处理、形式一：try：监控的代码块except：如果监控代码出现问题，怎么处理形式二：try…except 错误类型 as e…#定义一个函数，传入一个字典和...

2019-04-16 11:31:03 165

原创 python 系统学习第四天

关于模块的导入形式import from…import from…import * from …import …asimport…as#测试代码：def test（a,b,c）:print(“次函数只会在当前模块中运行代码”)name==‘main’#代码执行入口只会在当前模块中运行代码的时候执行下面代码test（“1”，“2” “3”）...

2019-04-15 17:50:02 117

原创 linux命令下

文件搜索whichwhich 查找执行文件which 指令会在系统环境变量$PATH 设置目录里去查找符合条件的文件-a 将所有可以找到的命令均列出，否则列出第一个找到的命令名称which 还可以查找别名whereiswhere is 寻找特定的文件夹常见参数：-b：只找二进制文件（即可执行文件）-m：只找在帮助文件，manual 路径下的文件-s ：只找源文件-u：没有...

2019-04-12 16:40:03 129

原创 python系统学习的第三天

函数的全局变量跟局部变量全局变量生效的范围大于局部变量当局部变量存在时，优先取局部变量如果在函数里面的变量要用作全局变量，需要在函数里面声明，加上 global使用场景：两个请求同时使用一个变量，且第二个请求用到第一个请求改变过后的的变量值测试：offer =1# 全局变量def student_info(class_name,name): #offer offer...

2019-04-12 11:26:47 120

空空如也

空空如也