笔试面试题总结

1.es6特性有哪些

箭头函数

扩展运算符

解构赋值

generator　　yield

aync　　await

Map　　Set

Class类

模块化，import , export , export default 

　　export function noDefault() { }    --- import { noDefault } from 'test'  要大括号

　　export default function fnDefault() { }　　---- import default from 'test' 不要不括号       import default, { noDefault } from 'test'

for ... of ---for ( var key of obj )

2.position的属性值(8)

static 　relative　　absolute　　fixed　　inherit　　initial　　unset　　sticky(粘性布局)

3.行内元素和块级元素的区别

行内元素：1 不支持宽高

　　　　   2 不支持上下margin

　　         3 不会自动换行

3.兼容性问题（参考https://www.cnblogs.com/duenyang/p/6066737.html）

JS　　1 获取样式　　　　 IE：obj.currentStyle.width   Chrome FF: getComputedStyle(element, null).width

　　   2 获取子元素(parent.childNodes, 可换children)，IE为元素节点，标准为文本节点3＋元素节点1，做判断 childNodes[i].nodeType == 1

　　　　　　IE : firstChild,  lastChild , nextSibling , previousSibling  (元素节点)，标准为文本节点＋元素节点

　　　　　　标准：firstElementChild , lastElementChild , nextElementSibling , previousElementSIbing 为元素，IE不支持

　　　　　　var oFirst = parent.firstElementChild ? parent.firstElementChild : parent.firstChild;

　　   3 event对象　　IE：全局event，FF／Chrome：第一个参数　　

　　　　　　　　function click (ev) { var ev = ev || event; }

　　   4 绑定／解绑事件　　IE：obj.attachEvent('on' + eventName, fn);     obj.detachEvent('on' + eventName, fn);

　　　　　　　　　　　　　标准：obj.addEventListener(eventName, fn, fase);　　obj.removeEventListener(eventName, fn, false);

　　   5 滚动条　　IE／Chrome：document.body.scrollTop

　　　　　　　　　FF:  document.documentElement.scrollTop

4.JS预解析，变量提升

5.