# 模板引擎
## 原理
![模板引擎原理](F:\前端学习资料\模板引擎原理.jpg)
## 使用到的正则表达式
![正则表达式](F:\前端学习资料\正则表达式.jpg)
## 简单的实现方式
![简单方式1](F:\前端学习资料\简单方式1.jpg)
```
控制台中{{name}} ---- data[name]
相等于利用了reg中的()可以得到reslute[1],就可以result[0]------data[reslut[1]]
```
![控制台](F:\前端学习资料\控制台.jpg)
```
利用第四部工作不断重复使用,配合reg得到一个要变换的值,相对应的进行替换,直至修改完毕,但不知道什么时候修改完,不太好使用!可以利用swith进行无限循环进行判断,通过配合正则表达式中的exec(),如果发现没有匹配的值就返回null,就会跳出循环.
```
## while循环优化
![while循环优化](F:\前端学习资料\while循环优化.jpg)
## 封装
![封装](F:\前端学习资料\封装.jpg)
## 模板引擎插件
由于自己封装的效果有限,存在兼容性问题和功能单一.此时,可以利用人封装好的模板引擎: template-web.js
网友评论