express模板引擎jade与ejs

express模板引擎有很多种,常用的是jade和ejs。

区别:

  • jade-破坏式、侵入式、强依赖
  • ejs-温和、非侵入式、弱依赖

一、jade渲染数据到页面

1.根据缩进划分层级

2.属性用()表示,用逗号分隔

  *style={}
  *class=[]

3.内容

  div xxx
    span xxx
      a(href="xxx") 链接

4.渲染函数

jade.render('字符串');
jade.renderFile('模板文件名', 参数)

二、ejs渲染数据到页面

不用根据缩进划分层级,和普通写法一样;

1.注意点:

<%= name %>
<%= json.arr[0].name %>
<%= 12+5 %>
<%= 'asdfasdf' %>

 <% %>   表达式处理
 <%= %>=号输出,就会被escapge转义编码
 <%- %>  用“-”输出原始内容, 不会被escape

2.使用场景:

 1= 字符串输出
 2- 输出一个 json 对象供客户端 javascirpt 使用, 或者想输出一些动态生成的 HTML 标签
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值