美文网首页让前端飞全栈记
4 art-template模版引擎

4 art-template模版引擎

作者: 官清岁月 | 来源:发表于2019-05-12 07:47 被阅读2次

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

模板引擎的功能是将页面模板和要显示的数据结合起来生成 HTML 页面;它既可以运行在服务器端又可以运行在客户端,大多数时候它都在服务器端直接被解析为 HTML,解析完成后再传输给客户端,因此客户端甚至无法判断页面是否是模板引擎生成的;有时候模板引擎也可以运行在客户端,即浏览器中,典型的代表就是 XSLT,它以 XML 为输入,在客户端生成 HTML 页面,但是由于浏览器兼容性问题,XSLT 并不是很流行,目前主流还是由服务器运行模板引擎;

EJS是模板引擎的一种,其使用起来十分简单,而且与 express 集成良好,也是常用开源第三方模版引擎,但为了避免经济利益关系,有些开源库是不允许用于商业用途的,腾讯开源了一款模版引擎工具art-template;

2、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;

相关文章

网友评论

    本文标题:4 art-template模版引擎

    本文链接:https://www.haomeiwen.com/subject/ycctwftx.html