描述:html中写了 一段带占位符的dom结构,需要你把真实数据填充进去。(下 面仅仅是 一个例 子)

test.html

<div id="template-dom" class="">
    <div class="user-profile">
        <div class="user-avatar">
            <img src=''> 
        <div>
        
    <div>
</div>

<script> // your lib code here,should exports a `render` function	</script>

<script>

var m = {
    className:"user",
    user:{
	    name:"wscn",
	    avatar:"http://notfound.com/img/notfound.png"
    }
}

render(document.getElementById('template-dom'),m) </script>

要求:不使 用第三 方库和框架;不允许使 用 innerHTML 和 eval ;不允许替换原始dom;只需要在chrome下运 行正确即可(不正确的也可以show code)

加分项 :

1 支持指令 if , repeat 等指令

2 开发时使 用 es6

3 良好的代码 风格,优秀的测试 用例