前端模板

为什么需要模板引擎 关于前端的模板引擎，我用一个公式来解释 模板引擎 模板 + 数据 ========> html页面 模板引擎就像是html的解析生成器，将对应的模板填充完数据之后生成静态的html页面。它可以在浏览器端（比如angular中指令所用的模板）也可以在服务器端执行，不过一般用于服务器端。因为它的一个作用是抽象公共页面来重用，如果在服务端填充数据，可以减少回填数据给页面的ajax请求，从而提升浏览器端整体页面渲染速度。 初级玩家：表达式 数据： { title: 'Express', obj:{ version: 'v4.3', category: 'node', "date~": '2016' } } 模板： <p>{{title}}</p> <p>{{obj.version}}</p> <p>{{obj/category}}</p> <p>{{obj.date~}}</p> handlebars中变量都添加双花括号来表示（类似Angular），对比ejs的”<%%>”来说看起来没什么区别，其实这是很人性化的，想一下你键盘上的位置，再考虑按这几个字符的难易程度你就懂了。其中要访问变量的属性值时可以用类似json格式的”.”，也可以用”/“。 其中变量名不可包含以下字符。如果包含则不被解析，如上的”“。 空格 ! " # % & ' ( ) * + , . / ; <