软件测试学习–前端知识2

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

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

三：软件测试的定义：使用人工和自动手段来运行程序，目的在于检验是否满足了需求。

四.软件测试的原则：1）.所有测试追溯到用户需求2）.把尽早和不断的测试，作为座右铭3）.测试工作要有专业人员来执行4）.80%的错误出现在20%的模块中5）.设计测试用例时，要考虑各种情况6）.一定要写缺陷 告7）.制定严格的测试计划8）.完全测试是不可能的，测试要终止9）.注意回归测试（修改了旧代码后，要确定没有引入新的问题）10）.妥善保存一切测试文档

五：软件质量模型（ios9126）1).功能性2）.可靠性（1.尽量不要出问题；2.出了问题不能影响主体功能3.如果影响了主体功能要尽快修复）3）.易用性（用户体验要好）4）.效率5）.可维持性（更新）6）.可移植性（跨越不同系统平台）

六：软件质量模型保证。目的：使软件制作的过程对于领导层是可见的。定义：它是一套计划和方法来向领导层保证。五个基本目标：1.保证有计划得进行2.保证遵循了步骤和需求3.及时通知给对应人员4.高管可以接触到项目内部5.软件质量需要测试工作来保证

七：qc:检验产品的质量 qa：审计过程的质量   工作关系：qc进行质量控制，qa是确保qc按照步骤执行。

八：软件测试基本流程 1.需求分析2.编写测试用例3.评审测试用例4.搭建测试环境5.等待开发提交测试包6.部署测试包7.冒烟测试（对软件主体基本功能进行基本测试）8.执行测试用例9.BUG跟踪处理（提交及回归BUG）10.N轮之后符合需求11.测试结束

九：web前端标准。 1.html结构标准 2.css样式表准 3.js行为标准  五大浏览器厂商：ie、火狐、谷歌、苹果、欧朋

十：html定义：超文本标记语言。1.标签标记符 —-2.html语言必须写在标签符 里面3、html中的标签大多数成对出现4.以 / 结束

1.描述当前文件的版本信息，如果没有详细说明是4.0还是x1.0那就是5

2. 页的头部

3. utf-8是国际编码的意思，如果不写，或者写成其他都会有问题

4.

5.

6.

十一：标签语义化。在合适的地方使用合适的标签（该放P就放P）;为什么要标签语义化：因为浏览器只认识标签，没有语音语调，所以想表达的东西只能使用对应的标签来表示；标签语义化的好处：语义化做的好，可以让搜索引擎把你的 站排名更靠前。h和P标签：h有六个1到6依次变小，代表文章标题；P代表文章。加粗、 下划线、 倾斜 、加粗，代表强调的语义 、 
换行标签 、 倾斜，多了强调语义 、删除线，这种写法逐渐淘汰 、删除线，这种写法是主流 。注意：strong代表特别强调，一篇文章中不要出现多次，em代表一般强调，一篇文章中可出现多次；

十二：img图片标签；是一个单标签;

十三：、链接文字注意：如果要跳转到线上地址，必须加http://,本地文件直接写路径。空连接写法：1.### 2.JavaScript:;3.javascript:void(0)。锚点链接：点击之后可以跳转到页面的对应位置；给想跳转到的位置写一个id属性，a标签中的href属性写#id的值。

十四：表单。（1）、所有用户输入的内容都要放在form标签中。Actio 代表数据给哪个后台程序 Method 代表传输数据的方法1.post(加密)2.get(不加密)；  imput代表输入框标签（单标签），type类型决定这个输入框的类型 name属性代表这个输入框的名字；id 打包输入框的id编 ；value代表默认输入框（不符合用户体验、应该换成placeholder）注意：placeholder属于ie低版本不兼容，但是我们实际工作中还是要用，因为渐进增强（随着浏览器版本的提升，效果越来越好）、优雅降级（在高版本浏览器显示效果好的前提下保证了低版本浏览器不错乱）1.type=”text” 代表普通输入框 2.type=”password” 代表密码输入框。

（2）、1）.单选按钮 Type=”radio” 注意：如果想让文字点击能切换，那要加label标签，并且设置for属性和对应的单选按钮的id属性值一致；必须给这一组单选按钮添加name值，才可以实现单选效果。设置默认选中状态，要给单选按钮添加checked=”checked”；

2）.下拉菜单  select和option组合：如果想设置多组下拉菜单，需要添加一个optgroup标签，并设置label属性做为提示文字；如果想设置默认选中状态，需要给对应的option添加selected属性；

3）.多选按钮  type=“checkbox” 它的使用方法和细节与单选框一致；

4）.文本域   textarea标签来设置多行文本（文本域）：不能使用cols、rows来设置狂高，要用width、height来设置；它也可以使用placeholder来设置默认提示文字

5）.提交按钮 type=”submit” 注意：必须设置value属性，否则浏览器之间有兼容性问题；重置按钮 type=”reset” 注意：必须设置value属性，否则浏览器之间有兼容性问题；恢复刷新后的默认状态；按钮 type=”button”或都可以；用户体验细节：刷新后想让第一个输入框默认选中状态，给输入框设置autofocus=”autofocus”属性。

6）.CSS 样式表，级联样式表，层叠样式表；css代码放在head标签中，写在style标签里面；大括 中写键值对语法，例子：属性名1：属性值1；属性名2：属性值2；。

color 文字颜色；Front-family 字体；Font-size 字 Text-indent 首行缩进 单位是em，代表一个文字的间距；Text-align 文本对齐方式，默认是left，还可以设置center居中，right居右；background 背景色

7）.标签选择器：直接在css语法中写标签的名字就可以选中对应的标签；Div 代表大盒子（容器 存放内容的），Span 代表小盒子（容器 存放内容的）

8）.id选择器：#名字 特点：不能重复，也不能一个人拥有多个（相当于人的身份证） class选择器: .名字 特点：可以重复使用，一个人可以有多个类名（好像是人的称 一样） 总结：class类选择器的使用频率高于id选择器，class选择器使用更灵活。

9）.css的引入方式。1）.style标签放在head中 优点：方便课上案例的书写，电商 站的首页必须使用这种方式，因为电商首页要求加载速度必须快，内嵌式比外链式快一些；缺点：html和css代码没有实现分离，不方便修改；2）.外链式：通过link放在head标签中，把外部的css文件引入到html文件中 优点：实现了代码分离，方便修改和管理；缺点：运行速度稍慢3）.行内式：这种形式一定不要用，代码量大，不宜修改。

10）.基础选择器权重。id>class>标签。

11）.后代选择器：div(空格)span 用空格链接，代表的意思式找到后代元素 注意：后代可以式儿子、儿子的儿子….；并列选择器：div,span,h1,.span1,#span2 用逗 连接选择器，代表这些元素同时被选中。

12）.标签指定式、指定标签式：div.类名 ；高级选择器权重：id=100 class=10 标签=1 ，综合起来大的权重就高，如果权重一样，先写的被后写的覆盖。

13).高级权重对比。1）.引入方式对比：外链和内嵌权重相同，先写的会被后写的覆盖；行内式权重最大，如果想要覆盖它，就只能给样式中添加！important 把权重提高。

14）.CSS常用属性

15）.CSS盒子模型的组成。盒子模型组成=宽高+边框+内边距（内容和边框的距离）+外边距（盒子和盒子之间的距离）。

16）.html5新标签。header 头部 ；nav 导航；aside 侧导航；article 文章块；footer 底部；注意：html5新标签只能用在手机 站的书写中，可以提升搜索引擎怼 站的优化，不能用在pc(电脑)端 站，因为ie低版本不识别这些新标签。

17).ps基础操作：1.图片放大缩小 alt+鼠标滚轮 2.按住空格不放，滑动鼠标可以改变图片位置3.英文状态下T，再点击想要查看的文字，就可以再菜单栏上看到所有属性（取消选中按esc键）。

http://blog.sina.com.cn/nfhonest