虚拟dom和真实dom的转化和class解析的顺序

昨天出去溜了一圈，被问到几个问题回来整理了一下,当被特意问到一看感觉就会的问题，千万要不要急于回答，先想想，因为这往往是一个被忽略的坑（例如class解析顺序）！！！

1.写出虚拟dom和真实dom之间的转换方法解答如下：

render() {
	let element = document.createElement(this.tagName)
	Object.keys(this.attributes).forEach(key => {
	element.setAttribute(key, this.attributes[key])
	})
	this.children.forEach(child => {
	element.appendChild(child.render())
	})
	return element
	}

　　　　　　　　　　　　　　　　　　　　　　　　　更多详细请前往:https://github.com/boomler/virtual-dom-demos/blob/master/demo1/VNode.js

2.如下.header .tr td解析方式：class解析顺序是从右往左解析的，因为从左往右解析会遍历多余的子节点，造成性能浪费，从右往左解析目标明确直捣黄龙