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:)
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.