hogan.js模板语法及数据渲染

前言

之前写项目一直用的框架，最接近原生的可能就是JQ+Bootstrap写的PC端网页了。但最近的项目用的是原生JS+JQ库实现，少了框架的便捷，感觉填充数据就成了一个"痛苦"的活儿（说来说去，还是JS基本不是太牢的过，(逃...）。前期熟悉代码时，我发现项目中引用了一个叫做hogan.js的东西，上网查查才发现，这东西作用和框架的思想其实很接近，虽然使用中还是有些不太方便，但是有总比没有好啊！！于是乎，开始研究hogan

比较中意的一篇博文：模板引擎之hogan.js （其实百度搜hogan.js第一篇就是了 0.0）

基本语法

言归正传，hogan.js的基本使用思想类似于vue的数据绑定。

1. 标签可以嵌套使用

2. { {data}} 转义的变量，不会渲染html标签

3. { { {data}}} 不转义的变量，会渲染html标签，比如接口返回的富文本编辑器的内容

4. { {#list}} { {/list}} 列表循环 / 真值判断,只能循环数组，不能循环字符串

5. { {^list}} { {/list}} 空列表 / 非真值判断

6. { {.}} 枚举的当前元素                             //一般都是枚举数组，不能枚举字符串

7. { {!}} 我是注释