软件测试基本介绍和JS基本标签

最新推荐文章于 2023-03-10 15:44:53 发布

limy_liu

最新推荐文章于 2023-03-10 15:44:53 发布

阅读量298

点赞数

本文链接：https://blog.csdn.net/limy_liu/article/details/102870103

版权

本文详细介绍了软件测试的基本概念、原则及其在降低商业风险中的作用，同时对比了B/S与C/S架构，列举了常见浏览器及图片、媒体格式。此外，深入讲解了JS在网页控制中的应用，包括弹窗功能、修改CSS样式、事件处理等。

摘要由CSDN通过智能技术生成

软件测试的基本定义:
1.通过手工或工具对被测对象进行测试, 从而验证实际结果与预期结果之间的差异

软件测试作用和目的:
1.通过尽可能少的人力,物力,财力及时发现软件中的缺陷和修复缺陷,降低公司的商业风险

☆☆☆☆☆☆☆☆☆

软件测试的原则:

1.证明软件存在缺陷
2.不能执行穷尽测试
3.测试应该尽早介入
4.缺陷存在群集现象
5.某些特定的测试操作需要依赖特定的测试环境
6.杀虫剂现象
7.不存在缺陷的谬论

http://www.itcast.cn

常见的软件架构:
1.分类:
B/S模型(Browser(浏览器) ----> Server(服务器))
C/S模型(Client(客户端) ----> Server(服务器))
2.比较:
①.标准性: B/S模型标准性更高
②.效率性: C/S模型的效率性更高
③.升级性: B/S模型升级更加方便
④.安全性: C/S模型的安全性更高
⑤.开发维护成本: B/S模型的开发维护成本更低

常见的浏览器:
1.作用: 用来浏览网页的
2.分类:
IE(微软) chrome(谷歌) firefox(火狐) safari(苹果) opera(欧朋)

常见的图片格式:

.jpg 显示色彩丰富,压缩比例正常范围(占用的存储空间几十k~几百k),有利于在网络上传播
.png 支持透明图片 , 在网络上使用的也很多
.gif 占用空间小,可以实现动态的效果
.psd ps的原型图,主要用来设计产品原型
.bmp 位图,占用空间大,图片清晰,不适合在网络上传播

常见的媒体格式:
1.音频:
①. .mp3
②. .wav
③. .AIF
④. .MIDI
2.视频:
①. .mp4
②. .avi
③. .wmv
④. .rm / .rmvb
⑤. .flv

IP地址_域名_服务器_URL
1.IP地址: 类似于 192.168.32.39的地址
作用: 标记电脑主机在网络中的位置, 类似于家庭住址
2.域名: 域名就是网址与IP地址对应,是字符组成的网址 (www.baidu.com -----> 110.80.21.3)
类似于通讯本姓名和手机号的对应关系 ( 张三 ---- > 134…9088)
域名保存在DNS服务器,由国家掌控
3.服务器: 就是安装了很多软件的电脑. 主要是给其他电脑提供服务
4.URL: 同一资源定位符, 俗称链接地址
协议 + 域名(IP地址)+端口号 + 路径 + 文件名
http://127.0.0.1:8020/Day05/important.html

http://127.0.0.1:8020/Day05/test005_%E7%BB%A7%E6%89%BF%E4%B8%AD%E7%9A%84!important%E5%B1%9E%E6%80%A7.html?__hbt=1572494614849

http://www.itcast.cn/

JS的作用和书写位置:
1.JS作用: 用来控制网页的行为
2.书写位置: js代码写在script标签中,script是一个双标签
script标签一般放在html标签的下边

JS的弹窗功能:

1.JS代码以 ; 结尾
2.弹窗分类
①.alert(“提示信息”) 带有确定按钮的弹窗
②.prompt(“prompt弹窗,弹弹弹!!!”); // 带有输入框的弹窗
③.prompt(“prompt弹窗222,带有输入框”, “这是默认值”); // prompt输入框弹窗可以带有默认值
④.confirm(‘confirm弹窗, 用于确认信息的’); // confirm弹窗,带有确认和取消按钮
3.双引号括起来的是字符串, “xxxx”,
单引号括起来的也是字符串, ‘yyyy’

JS代码修改CSS样式:

需求: 使用JS代码修改div标签中字体的样式
①.document代表当前页面对象, 任何html页面都自带document对象
②.getElementById()是JS中一个函数(实现某个功能的), 作用: 通过id名获取标签元素
类似于 CSS中的选择器
③. style是标签的样式, color是标签的属性
④. 注意: 固定用法
document.getElementById(“ID名”).style.属性名 = “属性值”;
举例:
document.getElementById(“id1”).style.color = “red”;

拓展:
JS代码还可以修改页面标签的结构
document.getElementById(“id1”).innerHTML = “

我是大盒子啊”;

变量的小结:
变量: 就是用来临时存储数据的,(程序退出后,变量消失), 类似于菜篮子
变量中的数据值是可以改变的
注意: 变量名的命名规则与Id名命名规则相同
格式: 变量名 = 数据值(表达式)
好处: 简化代码结构,实现代码重用
举例:
div_id = document.getElementById(“id1”);
div_id.style.color = “red”;
div_id.style.fontSize = “30px”;
div_id.style.backgroundColor = “yellow”;

JS中的事件:
1.事件: 就是发生的事情
2. JS中的事件主要三种:
①.鼠标事件
②.键盘事件
③.html页面事件
3.步骤:
①.使用document对象,通过id名获取标签元素 ,保存到变量中
②.使用标签元素对象(事件源), 触发事件, 并调用对事件的处理函数
4.固定用法:
事件源.事件类型 = function(){
对事件的处理代码
}

JS中常见的鼠标事件:
1.onclick: 鼠标单击事件
2.onmouseenter: 鼠标进入事件
3.onmouseleave: 鼠标移出事件
4.ondbclick: 鼠标双击事件

JS中事件的三要素:
1.事件源
2.事件类型
3.事件处理代码

JS的书写位置:
1.内嵌式JS
2.外链式JS
3.行内式JS

内嵌式js:
在html页面中添加script标签,js代码写在script标签中

外链式JS:
1.把JS代码单独写到外部的js文件中
2.步骤:
①.先创建js文件, 把js代码写到js文件中
②.在html页面中使用 script标签中属性 src = “外部的js文件名” 引入文件
3.好处: 做到了结构,样式,行为的分离,符合W3C标准

行内式js:
把js代码作为标签的属性, 写到标签中
不推荐使用行内式js

JS代码没有权重问题, JS从上到下顺序执行,
遇到事件,需要等待事件发生,才能执行下边的代码