生成html模板

做个笔记吧。动态生成html是很常见的需求，无论是单纯web页面或app都会有根据给定条件生成DOM结构来表述信息的情况，比如勾选了航线和日期后展示符合条件的邮轮列表。大多数情况下开发者都是直接拿个插件来弄。
1.原生dom方法有createElemen t()和createDocumentFragment()方法，生成tag和fragment(存储DOM的容器)，由于页面反复渲染会明显影响性能，所以一般会将生成的dom放进fragment中，再append到文档了，这样就只进行了一次渲染。
2.由于很多时候动态生成的dom结构比较复杂，通过不断创建标签塞数据的方法会很繁琐而且代码很冗余，而且要生成的结构往往是稳定的，开发者可以通过先存放一个字符串模板，在需要的时候克隆这个字符串并把数据塞进去，最后转化为html即可。比如#div.innerHTML='123';
3.直接学个模板插件比如主流的jade,handlebars等，大半年前学过一个框架framkwork7，里面的模板插件是template7，类handlebars语法，几近忘记....