下面是一些软件测试的基础知识，分享给大家：
计算机基本介绍
1.定义:计算机是可以进行高效计算的电子设备，成为电脑(PC)
2. 特点(作用):
a. 数学逻辑运算
b. 数据记忆存储
c. 指令操作计算
3.计算机由硬件系统和软件系统两部分组成
硬件系统(看得见摸得着的物理设备)
软件系统(操控硬件设备的软件集合)
4.硬件系统(根据冯诺依曼理论分为了五个部分)
1. 输入设备
2. 输出设备
3. 计算器
4. 控制器
5. 存储器(内存+外存)
5.软件系统：操作系统+应用软件
操作系统（--硬件上的第一层软件--支持应用软件
a. 图形化--Windows--Macos（苹果）--Linux
b. 移动设备--Android--iOS
c. 服务器--Linux（开源、稳定）--Windows Server
应用软件--运行在操作系统上的软件--用户使用功能
二.常见进制,编码,计量单位
1.进制--计数规则
1. 二进制--两个基数(0,1)--逢二进一
2. 计算机识别二进制原理:高低电位
3. 常见进制a. 二进制--binb. 十进制--decc. 八进制--octd. 十六进制--hex
2.编码--自然语言翻译成机器语言
1. 常见字符集(编码后的对应表格):
a. ASCII--英文--一共256个
b. UTF-8--中文--一个汉字占3个字节
3.计量单位--计算机领域中表示数据量
1. 基础单位
a. 比特(bit位)--人为规定的最小的计量单位
b. 字节(byte字节)--1个字节等于8个比特(1B
2. 常用单位
a. 1KB = 1024B
b. 1MB = 1024KB
c. 1GB = 1024MB
d. 1TB = 1024
三.DOS命令
1.打开DOS命令的操作窗口
1. 打开运行界面(win R)
2. 输入cmd
3. 确定--打开
time 显示当前时间
Ctrl+c 退出当前正在执行的命令
shutdown /s /t 秒数 设置自动关机
shutdown /a 取消自动关机
ping 网址 检查当前网址网络
ipconfig-all 显示当前计算机所有网卡信息
盘符名称 盘符: 切换到某个盘符
cd 文件名 进入文件夹
cd .. 返回上一级目录
cd / 直接切换到盘符
dir 列出当前所在的目录都有什么
md 可以新建目录
rd 删除目录
echo 新建一个文件并带有内容
del 删除文件
copy 将文件复制到其他地方
move 将文件剪切到其他地方
四.HTML基础
1.HTML介绍
前端三大组成部分--HTML(结构)--CSS(样式)--JS(行为)
HTML--超文本标记语言:负责的是页面结构
2.HBuilder使用
添加项目目录Ctrl+n
3.HTML骨架
<!DOCTYPE HTML> -- 文档类型是html
<html> </html> -- 页面中最外层标签--根标签
<head> </head> -- 网页头部标签-里面内容主要是给浏览器看的内容
<meta charset="UTF-8"> -- 页面编码标准
<title> </title> -- 网页标题标签-里面内容会显示在浏览器窗口标签上
<body> </body> -- 网页主体标签-里面内容显示在浏览器的窗口中
4.HTML语法规则
1.HTML页面由正确嵌套的标签(标记)构成
2.标签分为单标签和双标签
单标签 -- <单标签名称 />
双标签 -- <双标签名称> </双标签名称>
3.标签属性的写法
键值对: 属性名="属性值"
<标签名 属性名1="属性值" 属性名2="属性值">
4.空格和换行的实现方法
空格实体 --
换行标签 -- <br />
5.基础HTML标签
标签语义化的好处--搜索引擎中排名更靠前
标签 含义 注意
<h1>一级标题</h1> 标题标签 h1-h6 双标签,共六级
<p>文章段落</p> 段落标签 双标签
<b>加粗效果</b> 文字标签-加粗 双标签,弱语义
<s>删除线效果</s> 文字标签-删除线 双标签,弱语义
<i>倾斜效果</i> 文字标签-倾斜 双标签,弱语义
<strong>加粗效果</strong>文字标签-加粗 双标签,强语义
<del>删除线效果</del> 文字标签-删除线 双标签,强语义
<em>倾斜效果</em> 文字标签-倾斜 双标签,强语义
<div>大盒子</div> 布局(结构)标签-大盒子 双标签,独占行
<span>小盒子</span> 布局(结构)标签-小盒子 双标签,非独占
<!-- 注释内容 -- > 注释--快捷键ctrl / 源码中可见<br />运行不显示
<img src="图片路径"/><br />属性名="属性值"--键值对语法
图片标签<br />title-图片标题<br />alt-图片描述
单标签<br />title(悬停显示)<br />alt(失败显示)
五.HTML基础
1.路径
路径的书写方式分为了绝对路径和相对路径两种
2.绝对路径
从盘符(根目录)为起点,找目标文件,经过的目录都用" / "隔开
资源的路径不能保证不会变化,所以基本不用这种方式
3.相对路径
从当前目录为起点,找目标文件,经过的目录都用" / "隔开
开发人员常用的书写资源路径的方式--我们关注的是最终的显示效果是否正确就可以了
4.相对路径的三个方向:
同级路径--目标文件在同级目录-- 直接写目标文件
下级路径--目标文件在下级目录-- 下级目录/目标文件
上级路径--目标文件在上级目录-- ../目标文件**
5.超链接
1.超链接标签使用<a></a>标签可以实现
超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分
点击的内容-- <a>点击的内容</a>
跳转的连接-- <a >点击的内容</a>
<a href="本地资源路径">点击的内容</a>
2.新窗口打开链接地址
<a href="本地资源路径" target="_blank">点击的内容</a> -- shift 减号 英文状态
3.空链接
点击后不会发生跳转的链接
<a href="#">点击的内容_点击后不跳转</a>
一个#号点击后会瞬移到页面顶部
<a href="###">点击的内容_点击后不跳转</a>
<a href="javascript:;">点击的内容_点击后不跳转</a>
<a href="javascript:void(0);">点击的内容_点击后不跳转</a>
6.表单
表单的作用--web网页上用来收集用户数据form，通过某种方式method,将数据提交到后 台程序action
表单标签:
<form action="" method="">
表单域里的内容
</form>
action--数据提交给哪个后台程序
method--通过什么方法传递
get--明文传递--直接写纸上
post--加密传输--信封装起来
5.常见表单元素
<input type="text" /> 普通文本框 文字内容能够显示 提示内容--placeholder属性
<input type="password" /> 密码框 输入内容被星号*代替
<input type="radio" name="xb" />单选按钮 默认选中-checked="checked"
<input type="checkbox" /> 复选框 默认选中-checked="checked"
<select> <option>选项1</option></select> 注意下拉框中选项的数量和顺序默认选中-selected="selected"
<textarea rows="行数" cols="列数"> </textarea> 文本域
<input type="button" value="提示"/> 普通按钮
<input type="reset" value="提示"/> 重置按钮
<input type="submit" value="提示"/> 提交按钮
<label for="目标元素id值">点击的内容</label> 扩大文字点击范围 for属性="目标元素id值"
目标元素需要有id属性
6.列表标签
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
<li></li>
</ol>
六.CSS与选择器
1.CSS语法
层叠样式表--负责的是页面的样式(变大变小变漂亮)
CSS写在style标签中
2.基础选择器
1.选择器作用 -- 找到页面元素
标签选择器 -- 标签名
一般标签都重复
需要选中某些标签时使用
2.ID选择器 -- #id属性值
id属性不允许重复
唯一选中标签时使用
3.类名选择器 -- .一个类名
类名可以重复
class属性可以有多个类(class="bz ldxns"),用其中一个
选中属于某个类的标签时使用
3.CSS特性
1.继承性 -- 子孙元素继承父级元素的样式
2.覆盖性 -- 同一选择器设置同一样式,后设置的覆盖先设置的
4.复合选择器
符合选择器 -- 选择器组合使用
5.后代选择器
语法 -- 祖先选择器 子孙选择器
通过祖先找子孙的时候可以使用
注意目标标签是后面的子孙
3.并集选择器
语法 -- 目标选择器1,目标选择器2,目标选择器3
需一起选中多个选择器的元素时可以使用
注意目标标签是所有选择器
注意：命名规则
1.字母数字下划线
2.数字不开头
3.不用中文
4.避开关键字
七、CSS2以及选择器
1.选择器的权重
基本选择器的权重
id选择器 > 类名选择器 > 标签选择器>继承(最低)
2.复合选择器的权重
使用的简单选择器之和
3.CSS存放位置(引入方式)
1.内嵌式:style标签中
2.外链式:样式存入外部css文件
单独将css内容写入css文件中--只写选择器和样式内容
通过link标签引入css文件--href="css文件路径"
3.行内式:写在目标标签的style属性中--style="样式内容"
三种引入方式的选择
内嵌式 -- 结构和样式(HTML和CSS)混在同一文件
不需要加载外部css文件,加载速度快--电商首页
外链式 -- 代码分离--结构和样式分离--管理修改方法
1.除了电商网站的首页的其他情况
3.行内式 -- 一定不要用
5.引入方式的权重问题
1.内嵌式 = 外链式
2.行内式最高
4.盒子模型
组成: 内容--内边距--边框--外边距
边框(内容的边框)--border(-top-bottom-left-right)
粗细 线样式 颜色
内边距(内容和边框之间的距离)--padding(-top-bottom-left-right)
一个值: 所有
两个值: 上下-左右
三个值: 上-中(左右)-下
四个值: 上-右-下-左
外边距(两个盒子边框之间的距离)-margin(-top-bottom-left-right)
一个值: 所有
两个值: 上下-左右
三个值: 上-中(左右)-下
四个值: 上-右-下-左
八.HTML5和CSS3
结构标签(HTML5新增)
header--头部
footer--底部
nav--导航栏
aside--侧边栏
article--文章块
|
|
收藏
淘帖
踩
