无标题文章

# 模板引擎

## 原理

![模板引擎原理](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

你可能感兴趣的:(无标题文章)