上一篇初略的介绍了一下javascript中的模板引擎,有兴趣的可以戳 这里 。
这一篇将带着大家一起做一个简易的模板引擎,
上一篇介绍到:模板引擎其实做的就是两件事。
- 根据一定的规则,解析我们所定义的模板
- 根据数据以及模板生成html(其实背后也是用的字符串拼接)
那么,首先,我们要有一个模板,一份数据,以及想生成的结果。
例如:模板:
1 <script > 2 <p><%=title%></p> 3 <p><%=msg%></p> 4 <ul> 5 <% for (var i = 0; i < list.length; i ++) { %> 6 <li><%= list[i] %></li> 7 <% } %> 8 </ul> 9 </script>