前端

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html>
	<head>
		<title>Hello,world</title>
		<meta>
	</head>
	<body>
		<!-- h1到和标题，h1到h3常用 -->
		<h1>      </h1>
		<h2>      </h2>
		<h3>      </h3>
		<h4>      </h4>
		<h5>      </h5>
		<h6>      </h6>
		
		<!-- 段落 -->
		<p>        </p>
		
		<!-- 无语义，万能容器 -->
		<div>    </div>
		
		<!--无语义，万能容器 -->
		<span>  </span>
		
		<!-- 插入图片 -->
		<img>
		
		<!-- 插入视频 -->
		<video> </video>
		
		<!-- 表单 -->
		<form>
			<input>
			<bitton> </button>
		</form>
		
		<!-- 表格 -->
		<table> 
			<thead> 
				<trow> 
					<th> </th>
				</trow>
			<thead>
			<tbody>
				<trow>
					<td> </td>
				</trow>
			</tbody>
		</table>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/* 通配符选择器 */
* {
	display: none;
}

/* 元素选择器 */
p {
	display: none;
}

/* 类选择器 */
.class {
	display: none;
}

/* id选择器 */
#id {
	display: none;
}

/* 交集选择器 */
p.class {
	display: none;
}

/* 并集选择器 */
p, .class{
	display: none;
}

/* 后代选择器 */
div p {
	display: none;
}

/* 子元素选择器 */
div > p {
	display: none;
}

/* 兄弟选择器（下一个最相临到元素） */
h1 + h2 {
	display: none;
}

/* 兄弟选择器 */
h1 ~ p {
	display: none;
}

/* 伪类选择器 */
a:link {
	color: red;	
}

/* 伪类选择器 */
a:visited {
	color: red;
}

/* 伪类选择器 */
a:hover {
	color: red;
}

/* 伪类选择器 */
a:active {
	color: red;
}

测试

功能测试

测试简介

  • 什么是软件测试？
    • 用技术手段验证软件是否符合需求
  • 主流的测试技术
    • 功能测试
    • 接口测试
    • 性能测试
    • 自动化测试

测试分类

  • 按阶段划分
    • 单元测试
      • 对不可划分的最小执行单元进行测试（开发）
    • 集成测试
      • 接口测试（对单元与单元接口间的测试）（测试）
    • 系统测试
      • 功能测试（对软件整体功能进行测试）（测试）
    • 验收测试
      • Alpha测试（内部测试）
      • Beta测试（用户测试）
  • 按代码可见度
    • 黑盒测试
      • 不针对与底层代码的具体实现，只关注具体功能的实现是否符合预期
    • 白盒测试
      • 针对代码的具体实现逻辑以及实现是否符合需求
    • 灰盒测试
      • 综合黑盒以及白盒的特点，测试人员能有限的访问内部结构和代码，同时也能了解其功能和外部实现

质量模型

  1. 外观
  2. 功能
  3. 性能
  4. 安全
  5. 兼容
  6. 易用
  7. 可靠
  8. 可移植
  9. 可维护

测试流程

  1. 需求分析
    • 对需求进行查漏补缺的同时统一对需求的理解
  2. 测试计划
    • 由测试经理进行测试计划文档的编写
      • 测什么
      • 怎么测
      • 谁来测
      • 何时测
  3. 用例编写
    • 测试人员对功能模块进行功能点的提取编写成测试用例（防止漏测）
  4. 用例执行
    • 对编写的测试用例进行执行
  5. 缺陷管理
    • 对用例执行的过程中发现的可复现缺陷进行管理
  6. -测试记录
    • 编写所负责模块的测试记录交由测试经理进行汇总

测试用例

  • 测试用例：模拟真实用户使用软件的场景案例
  • 作用：
    • 防止漏测
    • 衡量软件是否达到标准
  • 用例模版
    1. 用例编号
    2. 用例标题
    3. 项目
    4. 优先级
    5. 前置条件
    6. 测试数据
    7. 测试步骤
    8. 预期结果
    9. 实际结果

用例设计方法

  • 等价类划分法
    • 针对需要穷举的场景
    • 具有某种共同特征的数据集合进行划分：
      • 有效等价类
      • 无效等价类
  • 边界值划分法
    • 针对限定边界的场景
    • 开内闭外
      • 上点：边界值上的点
      • 离点：离边界最近的点
      • 内点：范围内的点
  • 决策表
    • 多条件依赖的场景
  • 正交分析法
    • 多条件依赖的场景
  • 场景法
    • 项目业务进行测试的场景

缺陷

  • 定义：
    • 软件中存在的各种问题都称为缺陷
  • 缺陷标准
    • 少功能
    • 功能错误
    • 多功能
    • 缺少隐性功能
  • 缺陷模版：
    • 缺陷编号
    • 缺陷标题
    • 缺陷状态
    • 严重程度
    • 优先级
    • 所属模块
    • 缺陷描述
    • 附件