Day 1

一、计算机的定义

　　电脑（pc）

二、计算机的基本特点

　　1.可以进行数学和逻辑运算

　　2.可以存储数据

　　3.可以高效的自动运行（根据程序指令）

三、计算机的组成部分

硬件系统：

输入设备
输出设备
运算器、控制器（中央处理器、cpu）
存储器：

内存：断电后数据丢失运算速度快于外存
外存：断电后数据保留

软件系统：

系统软件：

（1）桌面操作系统（pc端操作系统）：Windows（用户量大）、macOS（苹果电脑的默认系统）、Linux（应用软件较少，IT从业人员必须掌握的系统）

（2）移动端系统：Android（安卓）、ios（苹果）

（3）服务器端系统：Linux（来源，免费，稳定，用户量大），Windows server（收费，用户量小）

2. 应用软件：

出了操作系统软件外，都是应用软件（微信，QQ，游戏……）

四、计算机中的二进制

在计算机的底层，cpu只能识别0和1两个数字，1代表真（高电压），0代表假（低电压）

五、计算机语言的发展

机器码、机器语言（0和1）
汇编语言：在机器码语言的基础上进行了语法简化，使用英文单词来表示程序的目的，最终还是会转化为0和1让cpu识别；
高级语言：php，Java，Python，c，c＋＋，汇编的基础上再次进行了语法上的简化。更适合普通人学习使用。

注意：汇编语言是最接近机器码的，所以它的运行速度比其它高级语言要快。

六、编码字符集

UTF-8 只要有中文出现的，尽量使用此编码集，它所代表国际编码

七、计算机的常用单位

　　1B = 1b

　　1kB = 1024B

　　1MB = 1024KB

　　1GB = 1024MB

　　1TB = 1024GB

　　1PB = 1024TB

八、dos命令

书写代码来实现控制系统的目的

win＋r 打开运行窗口
cmd 回车或者点击确定，会打开一个黑窗口，从中书写代码即可控制
ipconfig/all 回车：

查看当前电脑的网络连接情况：

以太网连接以太网或本地连接找到它，在下面的值中找到物理地址（也叫它mac地址），后面的一串数字就是本机的唯一识别码。

4，ping 网址回车查看当前电脑和目标网址之间的网络连通状态

5，盘符加冒号例子： f：切换盘符

6，cd（空格）目录的名字（文件夹的名字）进入到指定文件夹

7，cd.. 返回上一级目录（文件夹）

8，cd/ 返回根目录（最顶端的目录，一般就是c，d，f）

9，md 文件名创建文件夹

10，rd 文件名删除文件夹，只能删除空的文件夹。。。如果想删除非空的目录，再加空格/s

11，del 文件名例： del 1.txt

12，del 文件夹名字

注意：如果写的文件夹的名字，只能删除当前文件夹中的一级中的文件，再子级的文件不会删除，也不会删除文件夹。

13，copy 文件目录/文件名想要粘贴的那个目录

14，move 文件目录/文件名想要移动、剪贴的那个目录

15，echo 内容文字>文件名字

16，键盘上下键可以快速的打出之前写过的代码

17，ctrl＋c快捷键退出当前执行命令（time 回车，ctrl＋c）

Day 2

一、专业名词解释

1，web也叫www，指代的就是万维网

2，http协议，就是在输入网址的时候，默认给我们添加的一段代码，这个代码的意思就是超文本传输协议

3，多个网页（图片，文字，连接……）组成一个网站

4，网页在浏览器中运行（解析）

二，web前端三大标准

1，html 结构标准

2，css 样式标准

3，js 行为标准

三，五大浏览器厂商

　　 1，IE

　　2，谷歌

　　3，火狐

　　4，欧朋

　　5，苹果

　　注：除了这五个浏览器之外的都没有自己的技术，都是使用ie或谷歌的技术，更改了自己的一套皮肤而已。

测试的细节：作为测试人员，必须测试IE，谷歌，火狐；欧朋占有率低，苹果和谷歌最终的效果很相似；

四，htlm发展

　　定义：超文本标记语言

　　现阶段使用版本：html5.0 和 xhtml1.0

五，第一个html网页

　　1，打开hbuilder后，把自己的代码文件夹拖拽到左侧的“项目管理器”下。

　　2，点击鼠标左键选中刚刚拖拽到左侧的文件夹（必须绿了它！）

　　3，ctrl+n弹出下拉菜单选中"htlm文件"

　　4，在弹出的对话框中修改文件的名字即可，因为版本5.0是默认选中的

　　5，在title标签的中间，输入内容

　　6，在body标签中间输入内容

　　7，在软件的菜单栏上找到浏览器的运行按钮，点击后，就可以在指定的浏览器中运行代码。

注意：

　　第一行代码代表当前Html文件的版本信息，如果没有详细的指定，就代表html5.0

　　head中写的内容是网页的头部信息

　　meta中写的是网页的头部信息（必须是 UTF-8)

　　title中写的是网页的标题内容

　　Body中写的是网页的主体内容

标签，标记，元素词语都是可以表示尖括号这种语法

六，回车和换行（html的职责）

　　在html语法中，如果想实现回车和空格效果必须使用代码才能实现

　　回车： <br/> 一个回车

　　空格：   一个空格

　　注意： html中可以实现一点点的样式效果，但是实际工作场景中，程序员一定使用css来实现的样式效果。

七，标题标签

　　例： <h1>呵呵</h1>

　　解释：被标题标签包裹的文字，会被当做标题来使用，文字会标粗，变大。

　　h标签的家族中只有1到6，特点是依次变小（不要臆造标签，没有h7）

八，标签语义化

　　在合适的地方使用合理的标签，符合标签语义化的网站，搜索引擎更喜欢（网站的排名更靠前）

　　http://www.w3school.com.cn/ w3c联盟组织的一些语法规则可以从这里查询到

九，删除线标签

　　以上两个都可以实现删除线效果，但是前者已经逐渐被后者替代。

十，div和span

　　这两个标签都没有语义！就是放数据的容器；

　　<div>大盒子一行只允许存放一个</div>

　　<span>小盒子只要一行可以放得下，一行可以放多个</span>

十一，img图片标签

　　解释：图片标签属于单标签，scr是设置图片资源的（要显示哪一张图片）

　　属性名=“属性名” 我们管这种属性名和属性值的组合叫 “键值对” 也叫 “KV对”

　　width = “宽度值”

　　height = “高度值”

　　 title = “鼠标悬停后的提示文字”

　　alt = “①图片没有加载出来时候的提示文字②网页阅读器可以读取此处的文字给视障用户听，增加用户体验。”

十二，路径

1，同级路径：以当前路径为基准去找别的文件

2，下级路径：以当前路径为基准点击文件夹后去找文件

3，上级路径：以当前路径为基准，返回上一级去找文件

注意：以上三条为相对路径。

绝对路径：把文件在电脑中的所有地址拿过来的一种书写方式，这种写法绝对不会出现在前端代码中

Day 3

一，超链接

　　定义：点击之后，可以实现页面的跳转

　　普通超链接点击之后会在本窗口打开页面；还可以实现在新窗口打开页面

　　在某些情况下，程序员还不知道如何写具体的链接地址，此时就会设置空连接（点击后不跳转）

二，表单

　　定义：所有的用户输入的：用户名，账号，密码，邮箱。。。。统一称他们表单数据，表单数据必须放在form标签中；

　　form中的属性：action 中的值代表，当前的表单数据要提交给那个后台程序XXX.php

method 中的值代表传输数据的过程中使用哪种方法：

①get 不加密的传输

②post 加密传输

input 标签的type 类型不同就可以实现不一样的效果：

（1）type = “text” 普通文本框

（2） type = “submit” 提交按钮

（3） type = “password” 密码框（输入的文字会加密显示）

（4） type = “radio” 单选框

测试细节：

①，点击查看是否实现单选效果

②，点击文字查看是否能切换（用户体验提升）

③，默认是否有某一个是选中状态（根据用户和产品经理的要求来定）

（5） type = “checkbox” 复选框，多选框

测试细节：

①，点击文字查看是否能切换（用户体验提升）

②，默认是否有某一个是选中状态（根据用户和产品经理的要求来定）

注释：被注释的内容不会被浏览器解析（打开浏览器查看的时候，不会显示），作用是给程序员自己提醒的文字。

测试细节：在最后一个阶段的测试过程中，必须要求程序员删除所有的注释代码，因为注释代码也会影响页面的打开速度。

（6）下拉菜单的测试细节

①，测试数据是否满足用户要求：顺序，个数

②，刷新页面时，默认选中的是哪一个数据

（7）文本域测试细节：

定义：可以多行输入的文本框

①，测试IE，谷歌，火狐浏览器最终的显示大小是否一致

②，查看文本域右下脚是否可以拖拽放大缩小（要求程序员禁止此功能）

（8）type = “button”

普通按钮，需要js控制才能实现其他效果

（9）type = “reset”

重置按钮，点击可以让当前的表单数据恢复到默认状态（不是清空）

注意：按钮建议设置value属性，此属性在按钮中，表示按钮的提示文字，如果不写，会导致浏览器的兼容性问题。

三，CSS样式

　　定义：就是给网页是中的内容设置样式；样式表，级联样式表，层叠样式表

书写代码步骤：

　　1，CSS的代码要写在 style 标签中

　　2，style 标签放在 head 标签中间的最后位置（ title 标签下面）

　　3，例：

　　div{

　　width: 100px; 宽度

　　height: 100px; 高度

　　background: red; 背景色

　　}

　　</style>

　　注意： px 代表像素单位；

四，标签选择器

　　选择器定义：在页面中找元素，标签，标记的方法

　　标签选择器：只需要写找到的标签名字即可

　　例： h1{}

五，调试工具方法

　　浏览器F12，找到elements选项点击它，会出现htlm标签，找到你想要的设置，点击选中它，右侧会出现css的样式，我们点击右侧的样式即可实现更改；

　　注意：调试工具更改后，必须要回到代码中更改才会生效，否则一刷新就恢复了原样；

六，ID选择器

　　给标签设置 ID 属性，在 CSS 代码中使用 #id 名字的方式来找寻页面中的元素，标签，标记

例如：

<head>

#div1{background: red;}

#div2{background: green;}

#div3{background: yellow;}

</style>

</head>

<body>

<div id="div1">111</div> id后引号内必须符合命名规则

</body>

命名规则：

1，不允许数字开头

2，不允许使用中文

3，不允许使用除了中划线-和下划线_之外的符号。

七，类选择器

给标签设置class属性，在 css 中设置 .class 名字；

例如：

.zuzhang{background: red;}

.zuyuan{background: yellow;}

.ldxns{font-size: 50px;}

</style>

</head>

<body>

总结细节：

1. id 命名不能冲突

2. id 命名不能一个标签设置多个

3. class 命名可以冲突

4. class 命名可以给一个标签设置多个

注意：不管是 id 还是 class 命名规则一致

八，继承性

　　给祖先元素设置的样式，可以继承给儿孙元素，如果儿孙元素有自己的样式，那么一定听自己的（继承的样式，权重比较低！）

九，覆盖性

　　先写的代码会被后写的代码覆盖；代码的运行是从上至下；

　　注意：在权重相同的前提下

Day 4

一，优先级（权重对比）

　　在给同一个标签设置样式的时候才有所谓的优先级权重对比；

　　id选择器 > 类选择器 > 标签选择器

　　100斤 10斤 1斤

二，CSS的书写位置（CSS的引入方式）

　　1，内嵌式 CSS：代码写在 style 标签中，放在 head 标签里面，title 标签的下面。

　　2，外链式 CSS： CSS 代码单独写在 CSS 文件中，通过 link 标签，里面的 herf 设置的路径来选中。此种写法实现了 CSS 代码和 html 代码的分离，修改代码方便。

　　3，行内式 CSS：CSS 代码写在了 html 标签的身上，此种语法强烈不推荐使用，因为修改不方便，还会造成代码量的增多，从而降低页面的打开速度，影响用户体验。

　　测试点：电商网站的首页必须使用内嵌式（因为外链式打开速度比内嵌式慢）

　　其他页面要求使用外链式（实现代码分离，修改方便）

三，后代选择器

　　语法：

　　div span{}

　　解释：在 css 选择器中如果出现空格，代表寻找后代（儿子，孙子，重孙子。。。）

四，并列，并集选择器

　　语法：

　　div，span，h1，#hehe，.gaga{}

　　解释：使用英文状态下的逗号来连接想要一起设置的元素；

五，引入方式（书写位置）权重对比

　　（内嵌式 = 外链式）< 行内

　　注意：程序员可以添加 !important 来设置提高权限

　　例子： {color：red!important;}

六，高级权重对比

　　id 100斤 class 10 斤标签 1斤

　　只要是给同一个标签设置的样式，就会根据最后数值的相加结果来定优先级，数值越大，优先级越高；

七，了解边框属性

　　就是给页面中的元素添加的外围边框线属性；

　　程序员叫它们“边框”，UI设计师叫“描边”

八，盒子模型

　　边框+内容+内边距（内填充，padding）+外边距（外填充，margin）

　　掌握下图中的内（内容和边框之间的距离）、外边距（盒子与其它盒子之间的距离）在哪里；

九，html5 新标签

　　音频和视频标签是 html5 才出现的新标签，它们都有兼容性问题，我们在进行测试的时候，要打开IE、谷歌、火狐三大浏览器来查看是否能正常运行。

十，IE浏览器版本

　　IE浏览器使用微软公司 Windows 自带系统浏览器，它不允许软件管家来更新版本，只能自己去官网下载，导致很多用户一直使用低版本 IE，这就造成很多兼容性问题，因为 IE9 以上的版本兼容性才稍微好些，IE9 以下各种 bug；作为测试人员必须测试 IE 低版本（7、8、9、10）

十一，h5

　　定义：html5+css+JavaScript 三个技术的集合；（h5 这个词是中国所独有的，一般指代用以上三个技术实现的特效绚丽的小页面）

Day 5

一、软件测试定义

　　使用手工或自动手段来进行软件的测试，目的是查看预期结果和实际结果之间的差异；

二、软件测试的目的和作用

　　使用最少的人力、物力、财力，找到软件中的缺陷并修复，从而降低商业风险；

三、软件测试原则

　　1、测试能证明软件存在缺陷，不能证明软件不存在缺陷

　　2、不能进行穷举（一个个的把所有可能性都列举）测试

　　3、测试工作要尽早介入

　　4、缺陷存在集群现象（二八原则，20%的模块存在着80%的缺陷）

　　5、某些测试依赖测试环境（系统、浏览器）

　　6、杀虫剂现象（抗药性）

　　7、不存在缺陷谬论

四、bs和cs架构

　　bs就是浏览器服务架构（网站）浏览区和服务器架构

　　cs就是需要安装的那些应用程序app 客户端和服务器架构

　　二者比较：

　　　　1、标准：bs 开发更标准一些，因为 cs 需要在不同的系统上执行，bs 只需在浏览器上执行

　　　　2、效率：cs 效率更高，cs 属于安装的软件，很多很容已经安装在电脑中了，只需要联网获取数据即可，而 bs 架构运行在浏览器上，所有的数据必须经过下载才能使用；

　　　　3、升级：bs 无缝升级，cs 需要删除老版本，再安装新版本

　　　　4、安全性：cs 更为安全，因为必须安装软件才能使用；bs 安全度较低，只要有浏览器就可以使用

　　　　5、开发成本：cs 开发成本更高，程序员必须精通各个系统；bs 开发成本很低，只要浏览器能够正常运行即可

五、常见图片格式

　　1、 .jpg 普通的图片格式

　　2、 .png 可以实现透明的图片效果

　　3、 .gif 可以实现动图

　　4、 .psd 多个图片组合起来（设计师使用 ps 软件实现的，我们叫它 ps 设计稿）

六、服务器、域名、URL

　　1、服务器：提供服务的一台电脑

　　2、域名：网站的服务器的地址，可以去国内的服务器域名运行商去购买

　　3、URL：统一资源定位符（输入网址的那个框）

七、JavaScript语言

　　js 是 JavaScript 的缩写，它与 java 语言没有关系！它就是负责控制 web 前端结构的前两者：结构和样式；

　　了解：出生的时候是为了验证表单数据的合法性

八、js的基础语法

　　1、写 script 标签，放在 html 页面的最后位置

　　2、从 script 标签中间写

　　alert('这里写什么就会弹出什么')

九、js的事件

　　定义：在什么情况下，执行什么命令

　　事件的三要素：事件源.事件的类型=执行的命令

document.getElementById('div1').onclick=function(){

alert('我点击的时候会弹出来');

}

document 代表整个 html 文档

getElementById 使用id 的名字来找标签

onclick 在点击的时候

function(){此处写最终点击的时候要执行什么命令}

十、js 的书写位置（引入方式）

　　1、写在 html 中放在 script 标签里面的，叫内嵌式

　　2、写在单独的 js 文件，通过 script 中的 scr 来链入到 html 页面的，叫外链式

　　3、写在 html 标签身上的，叫行内式

　　注意：行内 js 和行内 css 一样，都是不推荐使用的！内嵌和外链随意使用，还是建议使用外链式，因为能够实现 js 代码和 html 代码的分离，更方便代码的修改；

十一、js 常见特效

　　1、js 实现动画效果：

　　测试的时候一定要多次触发动画，查看是否有累积的情况：

　　2、模态窗口：

　　弹出两个层：一个负责盖住下面的其他页面内容，另一个让用户操作的层；只允许用户操作弹出的那个层；

　　3、自定义单选、多选、下拉菜单：

　　只要不是系统原生的，就算是自定义：这些程序，需要 js+html+css 组合才能实现，肯定比原生的写法浪费时间，但是为了整体页面的美观，必须要求程序员按照要求设计师的要求来实现；

来自哔哩哔哩视频整理得。

软件测试基础笔记

Day 1

猜你喜欢