模板引擎原理

# 模板引擎

## 原理

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概念: 模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定...
    saintkl阅读 756评论 0 3
  • 1.什么是模板引擎 概念:模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生...
    饥人谷_楠柒阅读 16,858评论 2 40
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,236评论 25 709
  • 我不是一个嗜书如命的人,痴迷于读书貌似也谈不上,只是喜欢读书,对书的钟爱犹如对爱情的忠诚,一心一意,别无其他;只是...
    辛未先生阅读 428评论 0 0
  • 他不能懒,不能粗心,不能受一时兴会所生的幻觉迷惑而轻易自满。文学是艰苦的事,只有刻苦自励,推陈翻新,时时求思想情感...
    飞鸟逐溪阅读 420评论 0 0