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地图)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
后续继续…