EJS学习（一）之特性、安装、工作原理

前言

EJS，"E" 代表 "effective"，即【高效】，EJS 是一套简单的JavaScript模板，EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已！

可以利用ejs实现前端后端交互，仅仅用简单javascript代码即可生成HTML页面，一般用来和express一起用。

ejs-非破坏式、非侵入式、弱依赖（和普通的html和css可以共存）文件以.ejs结尾

进一步了解

• 纯 JavaScript

• 快速开发

• 语法简单

• 执行迅速

　　   我们都知道 V8 以及类似 JavaScript 引擎的速度有多快。EJS 能够缓存 JS 函数的中间代码，从而提升执行速度

• 易于调试

　　   调试 EJS 错误（error）很容易：所有错误都是普通的 JavaScript 异常，并且还能输出异常发生的位置。

特性

• 快速编译与绘制输出

• 简洁的模板标签：<% %>

• 自定义分割符（例如：用 <? ?> 替换 <% %>）

• 引入模板片段

• 同时支持服务器端（node）和浏览器 JS 环境

• JavaScript 中间结果静态缓存

• 模板静态缓存

• 兼容 Express 视图系统

安装

ejs分为两个版本一个是CommonJs版本,另外一个是AMD规范的版本.

方法一：通过npm来安装（AMD规范的版本）

作为包依赖在node中使用安装在本地

npm install ejs

方法二：通过js引入（CommonJs规范的版本）

最新的浏览器版本

作为js引入在html中引入

<script src="ejs.js"></script>

工作原理