测试开发面试 --- web 篇

1. 测试最重要的是什么？

2. 测试工作的实质是什么？

3. 前端页面有哪三层构成，分别是什么？作用是什么？

结构层 HTML 表示层 CSS 行为层 JS

4. Get 和 POST 区别

get是从服务器上获取数据，post是向服务器传送数据。

get是把参数数据队列加到提交表单的ACTION 属性所指的URL 中，值和表单内容各个字段一一对应，在URL中可以看到。
post 是通过HTTP post机制，将表单内各个字段与其内容放置在HTML

HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

对于get方式，服务器端用Request QueryString 获取变量的值，对于post方式，服务器端用Request From 获取提交的数据。

get传送的数据量较小，不能大于2KB. post 传送的数据量大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB,IIS5中为 100KB。

get 安全性非常低，post安全性较高。但是执行效率却比Post方法好。

5. HTML5 有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？

HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加。

绘画canvas

用于媒介回放Video 和Audio 元素

本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；

sessionStorage的数据在浏览器关闭后自动删除

语意化更好的内容元素，比如article 、 footer、 header 、nav 、section

表单空间爱你, calendar 、 date 、time 、 email 、 url 、search

新的技术webworker, websockt, Geolocation 移除的元素

纯表现的元素： basefont ， big, center ,font ,s , strike, tt, u;

支持HTML5 新标签；

IE8/IE7/IE6支持通过document.createElement 方法产生的标签；

可以利用这一特性让这些浏览器支持HTML5新标签；

浏览器支持新标签后，还需要添加标签默认的样式；

6. JS的基本数据类型

Undefined \ Null 、Boolean、 Number、 String

7. Json 对象与json 字符串互相对换

$.parse.JSON(jsonstr); //jQuery.parseJSON(jsonstr). 可以将json 字符串，转换成json 对象
JSON.parse(jsonstr); //可以将json 字符串转换成json 对象
JSON.stringify(jsonobj): //可以将json 对象转换成json 对符串

8. 解释一下闭包：

Javascript 允许使用内部函数-即函数定义和函数表达式位于另一个哈叔的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个则阳的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。

在一个函数体内在添加一个新的方法（也是一个自定义函数）

函数的定义和函数表达式位于另外一个函数的函数体内，并且内部函数可以访问外部函数中的声明的所有参数

9. 数组转换成字符串

toString() 转换成字符串

toLocaleString()转换成本地字符串 // 本地字符串和字符串有什么区别

10. JS定义对象

使用内置队形
var string = new string("aaaa");

使用json 字符
var names = [{name:'aaa',age:20}];

自定义对象构造
function name(){
his.name = "aaaa";
    this.age = 20;
}

11 什么是盒子模型

把整个页面看成是一个盒子容器，这个盒子所具有的属性，内容（content）,填充（padding),边框（border), 边距（margin)

ie 盒模型和W3C盒模型

ie 盒模型 content 包括border 和padding

内外边距误差

W3C 盒模型 content border margin padding

12. 选择器有哪几个？优先级？

标签  id   类   相邻   属性  后代    子  伪类
优先级  !important>id>class>tag
！important比内联优先级高

13. 块级元素和行内元素区别？

块级元素可以直接设置属性，并且独占一行
行内元素直接设置尺寸无效，必须设置为块

14. 对兼容性问题进行举例

在不同浏览器中的内外边距误差
float 的误差
定位的误差
css3 新属性支持的误差(透明度、阴影单位的误差）

15. Bootstrap 响应式的原理

布局采用四中不同设备12列布局
添加媒体查询
所有图片元素响应式
可以调用封装好的js组件(支持google地图)

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

后续继续…

测试开发面试 --- web 篇

猜你喜欢