1:THIS的指向
1.函数中指向window
2.对象方法中指向当前对象
3.事件回调函数中指向事件源(当前节点)
4.箭头函数中,没有固定指向,一般指向宿主对象
5.构造函数中,指向实例化后的对象
2:innerHTML和innerText的区别
1.innerHTML返回的是标签内的 html内容,包含html标签。
2.innerText返回的是标签内的文本值,不包含html标签。
2-1:扩展
(1)原生js写法 document.getElementById(‘test’).innerHTML
(2)jQuery写法 $(’#test’).html()
3:onmouseover,onmouseout与onmouseleave,onmouseenter
1、onmouseover、onmouseout:鼠标经过时自身触发事件,经过其子元素时也触发该事件;(父亲有的东西,儿子也有) ,支持冒泡
2、onmouseenter、onmouseleave:鼠标经过时自身触发事件,经过其子元素时不触发该事件。(父亲的东西就是父亲的,不归儿子所有) ,不支持冒泡
4:for-in 和 for-of 的区别
5:rgba()和opacity的透明效果有什么不同
rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度
6:内置对象,宿主对象,自定义对象的区别?
1、本地对象:系统所提供的对象;Object、Array、Date等等。
2、宿主对象:JS所运行的环境提供的对象比如:BOM中的Window、DOM中的document。
3、自定义对象:自定义构造函数所创建的对象。
7:cookie的特点
统一网站可以共享 不同浏览器 不能共享 没有设置有效期浏览器关闭则消失
8:<!doctype>的作用
告诉浏览器解析器,用什么文档类型,规范来解析这个文档
9:原型对象的作用
原型对象,是用来解决构造函数在创建实例的时候,防止重复执行所导致的性能的降低(这里主要指占用内存),来为服用带来方便。
10:ajax的最大特点是什么?
ajax 可以实现异步通信 实现页面局部 刷新,带给客户更好的体验,节约宽带资源
11:cookie,localstorage,sessionstorage,一分钟让你了解它们
12:foo.bind(A).bind(B).bind©的指向
bind是永久绑定,所有指向是A
13:background-size cover和contain的区别
1.在no-repeat情况下,如果容器宽高比bai与图片宽du高比不同
cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉;
contain:图片自身的宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域;
2.在repeat情况下
cover:与上述相同;contain:容器内至少有一张完整的图,容器留白区域则平铺背景图,铺不下的再裁掉。