软件测试入门自学笔记（6）前端基础

最新推荐文章于 2022-03-28 19:10:12 发布

Rainbow之星

最新推荐文章于 2022-03-28 19:10:12 发布

阅读量244

点赞数

分类专栏：考试面试文章标签：前端

本文链接：https://blog.csdn.net/m0_61251376/article/details/121660573

版权

考试面试专栏收录该内容

9 篇文章 1 订阅

订阅专栏

1.计算机和测试基础

IP地址分类：ipv4（已枯竭），ipv6（A类第一组数字为1-126；B类为8-191；C类为92-223；保留IP地址只能用于局域网

Dos操作：

win + r 输入cmd

ipconfig /all 查看电脑和物理地址对应关系

ping 网络地址查看当前计算机和要访问的计算机之间的连通情况

cls 清屏 dir 显示当前文件夹中的内容

cd文件名进入对应的文件夹（目录）

cd.. 返回上级目录 cd/ 返回根目录 md 新建目录 rd 删除目录结构

copy 要复制的路径\文件名目标路径

move 移动（剪切）

del *.* 删除当前目录中所有文件（非文件夹）

键盘上、下可以快速生产写过的代码

Format:盘符格式化！

OSI七层模型和TCP/IP协议（网络通讯协议）：

应用层、表示层、会话层、传输层、网络层、数据链路层、物理层

应用层、传输层、网络互联层、网络接口层

软件测试：在规定条件下对程序进行操作，从而发现问题，对软件质量进行评估的过程。

目的：以最少的人力、物力、时间，找到软件缺陷并修改，从而规避商业风险。

原则：所有测试追溯到用户需求；尽早、不断的测试；测试工作要由专业人员来执行；80%的错误出现在20%的模块中；设计测试用例时，要考虑全面；要写缺陷报告；制定严格的测试计划；完全测试不可能，测试需要终止；注意回归测试；妥善保存一切测试文档。

软件质量模型（iso9126）：

1.功能性

2.可靠性（尽量不出问题；出了问题不影响主体功能；如果影响了主体功能，要能尽快修复）

3.易用性（用户体验要好）

4.效率

5.可维持性（更新）

6.可移植性（跨越不同系统平台）

软件测试流程：

需求分析——编写测试用例——评审测试用例——搭建测试环境——等待程序的开发包——部署测试包——冒烟测试——执行测试用例——回归测试——n轮之后符合要求，测试结束

2.web前端标准

1）html结构标准网页结构搭建

2）css 样式标准网页美化

3）js 行为标准网页的行为动作

url——统一资源定位器（网络地址）

http——超文本传输协议

w3c——万维网联盟

五大浏览器厂商：ie、谷歌、火狐、苹果、欧朋

Html

语法规定：

标签、标记符号 <>又称尖括号；html语言必须写在标签里；html中的标签大多成对出现；关闭符号 /又称反斜杠

<head> 网页的头部

<title>此处内容为网页的标题</title>

<body>我们自己写的所有代码都放在这里</body>

Html文档不能正常识别回车和换行，只能用特定代码实现

标签语义化：在合适的地方使用合适的标签；（该放p就放p）因为浏览器只认识标签，没有语音语调。语义化做得好，可以让搜索引擎把你的网站排得靠前。

h和p标签:h有6个，1-6依次变小，代表标题；p代表文章

bui和同伴：B代表加粗（strong也代表加粗，多了强调语义）；U代表下划线；I代表倾斜（Em也代表倾斜，多了强调语义）；s代表删除线（del也代表删除线，建议使用del代替s）。strong代表特别强调，一篇文章不要多次；em代表一般强调，可多次。<br/>单标签代表一个换行。Ctrl+？注释 alt+？提示

img图片标签：<img src=”图片名字” width=”宽度” height=”高度”alt=”1.图片未加载时的提示文字 2.网页阅读器可以读取这里的文字” title=”鼠标悬停时的提示文字”/>

链接：<a href=”地址”>文字</a> 如果要跳到线上地址，需要加http：//，本地文件直接写路径。空链接写法：1.### 2.javascript：； 3.javascript:void(0)。锚点链接：点击之后跳转到页面的对应位置；给跳转到的位置写一个id属性，a标签中的href属性写#id的值。

表单：所有用户输入的内容都要放在form标签中。

Action 代表数据给哪个后台程序

Method 代表传输数据的方法 post，get

<input type=””/> input代表输入框标签（单标签），type类型决定输入框的类型。Type=”text” 普通输入框；type=”password” 密码输入框 value代表默认输入框，换成placeholder较好，ie低版本不兼容，但实际工作中还要使用，因为“渐进增强，优雅降级”。

type=“radio” 想让文字点击能切换，要加label标签，并设置for属性和对应的单选按钮的id属性值一致；必须给这一组单选按钮添加name值，才可以实现单选效果。设置默认选中状态，添加checked=”checked”

下拉菜单-select和option组合若想设置多组下拉菜单，要添加一个optgroup，并设置label属性作为提示文字；若想设置默认选中状态，需要给对应的option添加selected属性。

文本域-textarea 设置多行文本（文本域），不能使用cols、rows来设置宽高，要用width、height，也可用placeholder设置默认提示文字。

多选框-checkbox

按钮-1.submit 提交需要设置value；2.reset 需要设置value，回复刷新后的默认状态；3.type=”button”或<button></button>都可以刷新后想让光标默认在第一个输入框显示，可以给输入框加autofocus=”autofocus”属性