【前端面试题5】

1.怪异盒模型与正常盒模型的区别

正常盒模型：外扩

怪异盒模型：内嵌

2.如何清除浮动

给父元素设置overflow：hidden 超出父元素隐藏

设置clear：both

动态添加一个div

3.==与===区别

==值相等就可以

===值和数据类型都得相等

4.基本数据类型和引用数据类型区别

基本数据类型：值在栈区

引用数据类型：值在堆区

5.请写出三种定位的参考物是什么？

固定定位：相对于浏览器窗口

绝对定位：相对于有定位的父元素或祖先元素，如果都没有就相对于body

相对定位：相对于元素原来的位置

6.substr与substring区别

substr：start length

substring：start end

7.什么是原型链

先在自己的构造函数中寻找，如果没有就到自己的原型中寻找，如果还没有就到原型的原型中寻找，一直找到object的原型，如果还没有就报错

8.什么是事件委托

子级交给父级 target="_blank"

9.DOM0与DOM2区别

dom0只能添加一个事件响应

dom2可以添加多个事件响应

10.存储机制

localStroage：数据存储在本地，需要手动删除，存储量大

sessionStroage：数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大

cookie：可以为数据设置过期时间，存储量小，可以与后台共用

11.什么是响应式开发

一套代码适用于多个平台

12.dom与jq

dom：$(对象)

jq：取下标

13.谈一下你对this的理解

this所在函数属于谁指向谁

14.闭包

函数内部实现另一个函数

局部变量持久化

造成一定内存压力

15.call（）与apply（）区别

call（this，参数1，参数2）

apply（this，[参数列表]）

16.阻止冒泡和阻止默认

阻止冒泡：e.stopPropagation()

阻止默认：e.preventDefault()

17.请解释构造函数与析构函数

构造函数：开辟内存空间

析构函数：释放内存空间