4 art-template模版引擎

视图模版引擎 -> 视图模版与数据相分离

模板引擎的功能是将页面模板和要显示的数据结合起来生成 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

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

推荐阅读更多精彩内容