- 博客(44)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 windows下查看安卓应用的日志
首先，我们应该确保我们的系统安装了adb.接下来进入正文shell 命令下输入adb shell 进入shell 命令下输入ps -ef 或者ps (根据系统而定）查看当前所有的进程，及对应的包名找到自己想要查看的进程或者程序的日志（以进程31774为例）此时通过logcat命令便可查看对应的日志logcat | grep 31774（在当前屏动态打印进程31774的日...
2019-07-31 17:02:03
1192
原创 Jmeter接口压力测试--先登录后再测
一，添加线程组填入以下参数，我填入的10，1代表平均1秒执行10个线程二，创建http request（login)右键线程组--添加取样器--添加HTTP请求最下面的参数为登录时需要的参数，该参数可通过登录时抓包取得，或者在登录时，通过浏览器控制台的network查看对应的请求下的formdata查看三，设置token要先判断当前的登录的token是在header中的Author...
2019-07-26 17:26:00
6674
原创 fiddler在测试中的应用
一、fiddler抓取安卓应用数据包1、 Fiddler 上设置HTTPS，工具--选项--HTTPS,这里选择从所有进程2、Fiddler上设置Connections，勾选以下选项，保持默认端口8888，设置完，确认后，重启一下fiddler3、导出fiddler证书，点击选项(options)下的HTTPS下的操作(Action)，点击第一项后，再点击第二项进行证书的导出。4、查看...
2019-07-10 15:02:45
984
原创 接口测试入门篇
什么是接口测试1. 什么是接口 接口包含外部接口，内部接口 内部接口包含上层服务与下层服务，同级服务2. 为什么要做接口测试？ 节约时间，缩短项目时间 提高工作效率 提高系统的健壮性 3. 不同接口类型的差异 参数提交方式 请求数据大小 安全性 4. 四种不同接口： get post delete put g...
2018-07-24 19:30:53
771
原创 web端功能自动化定位元素
如何在不同的浏览器上查看元素如然后用火狐和Chrome开发者工具查看元素 鼠标右键查看元素，点左上角的小箭头，定位到你想查看的地方，选中之后该位置以及相应的代码会高亮。或者直接在你想查看的位置右键查看元素。在开发者工具中，按ctrl+f可以搜索你想查看的元素 获取默认xpath或CSS技巧 以Chrome为例。右键点击你想查看的元素，点击检查。此时相应代码会高亮。右键该代码。选择...
2018-07-08 15:54:00
2564
原创 软件测试基础-概念篇
软件测试概要软测定义:使用人工或自动的手段来运行或测量软件系统的过程，以检测软件系统是否满足规定的要求，并找出与预期定义之间的差异。软测对象:软件需求概要设计详细设计源代码可运行程序可运行环境软测的五大要素及两大目标: 质量(最为核心)人员(决定因素)技术(实现手段)【测试技术，方法，测试工具】资源【测试所需的硬件，网络环境，测试生命周期，测试时间】流...
2018-07-08 14:10:13
2108
原创 Web 性能优化的常用手段
web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法：合并多个CSS文件和js文件，利用CSS...
2018-06-15 13:09:42
392
原创 如何写好测试用例
什么是测试用例测试工作的核心一组在测试时输入输出的标准软件需求的具体对照测试用例编写流程需求分析提取测试点测试用例编写测试用例评审需求分析业务需求：关注系统是否满足业务用户需求：关注系统是否满足用户习惯功能需求：关注系统是否满足功能需求提取测试点通过需求分析后对得出的需要进行测试的具体内容.测试点对测试用例的设计的好处快速覆盖方法细节 ...
2018-06-14 12:59:20
2762
原创 Vue Router
Vue Router简介与功能Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在...
2018-06-11 20:16:08
778
原创 vue 组件通信
今天主要介绍一下vue的组件通信方式，父子通信，爷孙通信，兄弟通信。 先介绍一下组件基础 组件基础基本示例 这里有一个 Vue 组件的示例：// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 }...
2018-06-09 22:08:21
234
原创 JavaScript Cookie
什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时，他的名字可以记录在 cookie 中。 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。Cookie
2018-05-04 12:17:58
126
转载 前端常见跨域解决方法
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域：资源跳转： A链接、重定向、表单提交资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链脚本请求： js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是
2018-05-03 20:39:29
204
转载 CSS垂直居中的常用方法
1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); }2.若父容器下只有一个元素，且父元素设置
2018-04-20 20:42:45
144
原创 Flex布局实例
一、骰子的布局骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实现，从1个点到9个点的布局如果不加说明，本节的HTML模板一律如下<div class="box"> <span class="item"></span></div>上面代码中，div元素（代表骰子的一个面）是Flex容器，span元素（代表一个点）是Flex项目。如果有多个项目，就要添加多个span元素，以此类推。
2018-04-20 19:27:15
278
原创 Flex布局语法
一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display
2018-04-14 20:25:19
228
原创 初识AJAX
什么是ajaxAJAX即“Asynchronous JavaScript and XML”（非同步的JavaScript和XML） 传统的Web应用允许用户端填写表单（form），当提交表单时就向网页服务器发送一个请求。服务器接收并处理传来的表单，然后送回一个新的网页，但这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向服务器发送请求，应用的回
2018-04-14 19:22:54
156
原创 前端面试题
请写出一个符合 W3C 规范的 HTML 文件，要求页面标题为「我的页面」页面中引入了一个外部 CSS 文件，文件路径为 /style.css页面中引入了另一个外部 CSS 文件，路径为 /print.css，该文件仅在打印时生效页面中引入了另一个外部 CSS 文件，路径为 /mobile.css，该文件仅在设备宽度小于 500 像素时生效页面中引入了一个外部 JS 文件，路径为 /...
2018-04-08 21:33:11
1066
转载 js中的立即执行函数
相信大家经常会遇到下面这两种写法：(function(){ ... })()和(function(){ ... }())关于这样写是什么意思呢？有什么区别呢？在此之前，我们需要了解几个概念：函数声明、函数表达式、匿名函数 函数声明： function fnName() {…} ； 使用 function 关键字声明一个函数，再执行一个函数名，叫函数声明。函数表达式： var fnName =
2018-04-08 19:29:55
137
转载 JavaScript中的事件冒泡与捕获
事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。 考虑下面这段代码<div id="outer"> <p id="inner">Click me!</p></div>上面的代码当中一个div元素当中有一个p子元素，如果两个元素都有一个click的处理函数，那么我们怎么才能知道哪一个函数会首先被触发呢？ 为了解决这个问题微软和网景提出
2018-04-04 10:03:43
165
原创 初识jQuery
什么是jQueryJQuery是一个快速的，简洁的JavaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情.jQuery的特点一款轻量级的js框架。JQuery核心js文件才几十kb，不会影响页面加载速度。与Extjs相比要轻便的多。丰富的
2018-03-30 11:16:44
179
原创 JavaScript中的函数
函数的声明具名函数function f(x,y){ return x+y } f.name // 'f'.匿名函数 var f f = function(x,y){ return x+y } f.name // 'f'具名函数赋值 var f f = function f2(x,y){ return x+y } f.name // 'f2' conso
2018-03-27 19:46:08
173
原创 JS中的数组
window.Array 全局对象（也是函数）Array(3) // {length:3} Array(3,3) // [3,3] new Array(3) 跟不加 new 一样的效果 new Array(3,3,) 跟不加 new 一样的效果 总结：加不加 new 结果一样但是基本的数据类型加不加new 是有区别的。 如： Number(1)//返回数字1 new Number(
2018-03-25 17:47:35
146
转载 JavaScript操作Dom
文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。基本概念 在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。Node类型 DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实
2018-03-24 17:01:37
436
原创 聊聊__proto__和prototype
在js中，我们实例化一些对象时，如o1,02(Object对象），每个对象都有公共的属性，如toString,valueOf.如果我们每次实例化对象，都重新给它们这些属性值，就会很占内存。这个时候我们就把这些公共属性放在一起。然后给每个实例化对象加一个key值，这个值就是__proto__.然后我们把这些公共属性放到__proro__中， 但是实例化的Number对象(n1,n2)的toStr
2018-03-20 17:25:06
215
原创 js中的数据类型的相互转换
任意类型转字符串1,String(x)2,x.toString3,x+’ ‘任意类型转数字Number(x)parseInt(x, 10)parseFloat(x)x - 0+x任意类型转布尔Boolean(x)!!xfalsy是在 Boolean 上下文中认定可转换为false的值.JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换（Type Conversio
2018-03-19 19:25:23
1190
原创 canvas画图如何区别是鼠标事件还是触摸事件
如果我们要用canvas做一个自己的画板，既能在pc上画又能在手机上画，这时候我们就要监听此时是鼠标事件还是触摸事件。 我们打开chrome开发者工具的控制台， 输入以下代码document.body.ontouchstart 我们会看到控制台输出undefined我们调成模拟手机模式， 再输入上面的代码，可以看到输出的是null.我们就可以设置如下代码判断当前是否为touch事件，进而执行
2018-03-18 13:52:00
1944
原创 js的七种数据类型
1, number数字有十进制，二进制，八进制 0b开头表示二进制 0开头表示八进制 0x16进制 注意，在js里没有float,int,double等数据类型。number包含一切数字2, string定义的字符串可用单引号，或双引号引起来 string a='123'或string a=“123” 空字符串的长度0 空格字符串的长度1 要表示单引号' ' '是错误的做法 表示单
2018-03-18 13:29:12
702
原创 设置canvas的height,width
首先，我们先来理解一下canvas. canvas可看作是画板和画纸两层，默认的canvas的画板和画纸都是300*150. 如果我们给canvas设置内联宽高，如下就是将canvas的画板和画纸都设置为300px,内容就会正常显示。但是，如果，设置成内部样式，就是在head的style标签里这个时候，就只是将canvas的画板设置成300*300，但画纸没有改变，还是...
2018-03-18 09:34:00
908
原创 http协议的请求与响应
服务器与浏览器的交互浏览器负责发起请求服务器在 80 端口接收请求服务器负责返回内容（响应） HTTP 的作用就是指导浏览器和服务器如何进行沟通。 我们每刷新一个页面，或者重新打开一个页面。我们在浏览器的调试工具network中，都会看到浏览器会发出很多请求。我们选中一个资源，点开，我们就可以看到请求头和响应头了。 记得点击请求头或者响应头右边的view source才可以看到这个界
2018-03-10 09:38:18
373
原创 浅谈form标签与table标签
a标签与form标签都是跳转页面。区别在与a发起的get请求。form发起的是get或post请求.如果form表单里没有提交按钮，就没法提交表单。form默认是get请求。get是获取内容。post是上传内容。post是想把我的东西提交至服务器。 get会默认把输入框内容设为查询参数，提交时出现在地址栏。post请求会出现在第四部分。get请求没有第四部分。form标签的target和a标
2018-03-07 23:03:24
499
原创 css布局与定位笔记
先介绍几种学习css的资源。Google: 关键词 MDNCSS TricksGoogle: 阮一峰css 张鑫旭的 240 多篇 CSS 博客Codrops 炫酷 CSS 效果一个div元素的高度是由其内部文档流元素的高度总和决定文档流（normal stream)指文档内元素流动的方向块状元素文档流方向从上至下。行内元素文档流方向从左往右。如果流动遇到阻碍，就换行继续流。...
2018-03-07 21:09:24
185
原创 如何将本地项目开源到github
首先要安装一个命令行工具GitBash. 然后开始我们下面的步骤。github配置1，注册一个github账号，登陆。 2，进入 https://github.com/settings/keys 3，点击 New SSH key，你需要输入 Title 和 Key，但是你现在没有 key，往下看 4，打开 Git Bash 5，运行 ssh-keygen -t rsa -b 4096
2018-03-06 18:52:02
499
原创 详解a标签与iframe标签
先来说一下iframe标签。iframe标签内联框架元素 ,有效地将另一个HTML页面嵌入到当前页面中.例如加入以下代码 <iframe src="http://www.baidu.com"></iframe>， 即可在当前页面嵌套一个百度页面，该页面的宽高可自行设置。不过，嵌套页面之后，当前html的页面加载速度就变慢了。接下来我们看一下，iframe标签结合a标签如何使用。<iframe s
2018-03-05 21:51:49
10586
原创 win10 如何搭建hexo博客
当我看到老师说windows安装hexo很容易安装不成功，我的内心是抓狂的，可是我还是想尝试一下，终于历经很多磨难，安装成功。下面来说一下我的安装步骤。1. 先说一下安装前的环境配置 - 安装node.js - 安装git - 安装markdown(或者安装一款带有markdown插件的IDE,如webstorm)以上都可在官网下载 2. 详细安装步骤新建一个文...
2018-02-14 12:41:10
1228
原创 px,rem,em的区别
我们来分别介绍一下px,rem,empx 大家对px肯定都相对的比较熟悉了。px是固定的单位，是相对于屏幕分辨率而言的。1px=1像素。一般来说我们会把字体大小设为12px14px.使用px可以百分百还原设计稿，这样控制起来更加精确。但是在响应式布局中，更多的是使用相对距离，而且很多东西，会随着屏幕的大小改变而改变，设计稿存在伸缩性，在响应式布局中大多使用rem,em这种相对单位...
2018-02-13 10:29:04
227
原创 css清除浮动的几种方法
当对某个标签使用浮动的时候，该块内容就会脱离文档流，其父元素便不再包裹该标签内容，父元素的高度会变成0，出现高度塌陷的问题。这个时候就要清楚浮动。 今天就来介绍一下css清除浮动的几种方法。1. 在文档最后面新加一个空的div,如下div style="clear:both">div>但是如果使用这种方法，添加了无意义的标签，违背了结构和表现分离的web结构精髓。后期难以维护。
2018-01-31 19:49:44
286
原创 响应式图片四 SVG
SVG是可缩放矢量图形，矢量图形在拉伸和缩放的时候不会变形，但很难表示色彩层次丰富和逼真的图形。下面介绍几种画svg格式图片的方法。
2018-01-31 19:35:59
548
原创 响应式图片三 通过size解决srcset坑
上篇博客我们讲到，用srcset来实现响应式图片，但srcset方法有个坑(不管图片外边的容器宽度是多少都会以百分百视口宽度去显示)，需要配合size来跳过坑；size默认值为100vw–>viewport width意思是百分百视口宽度；size的值设置：xxvw;具体实现代码如下class="image" src="img/480.png"srcset="img/480.png 48
2018-01-29 20:49:17
619
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人