视图模版引擎 -> 视图模版与数据相分离
模板引擎的功能是将页面模板和要显示的数据结合起来生成 HTML 页面;它既可以运行在服务器端又可以运行在客户端,大多数时候它都在服务器端直接被解析为 HTML,解析完成后再传输给客户端,因此客户端甚至无法判断页面是否是模板引擎生成的;有时候模板引擎也可以运行在客户端,即浏览器中,典型的代表就是 XSLT,它以 XML 为输入,在客户端生成 HTML 页面,但是由于浏览器兼容性问题,XSLT 并不是很流行,目前主流还是由服务器运行模板引擎;
- - - >>> Express框架官方使用Pug(原jade,目前仍支持jade),较流行的还有EJS、art-template;
1、art-template 是一个简约、超快的视图模板引擎,其是由腾讯开发,基于javascript的前端视图模板渲染引擎,类似于ejs,pug,handlerbars等,它短小精悍,大概只有20kb左右,和其他渲染引擎相比渲染的性能高;
(1).应用场景:浏览器端、Node平台
[1].浏览器端:引入脚本template-web.js即可;下载地址:template-web.js
- - ->> <script type="text/html"></script>;//<script>标签内可以写html模版,不一定是JS代码
升华1:流程控制语句:{{if value}}...{{else if value}}...{{else}}...{{/if}}
升华2:
[2].Node平台上使用:npm install art-template --save; npm start;
参考网址:
art-template:https://aui.github.io/art-template/
EJS:https://ejs.bootcss.com/
模版引擎原理剖析:https://www.cnblogs.com/dojo-lzz/p/5518474.html