Pug嵌入

普通变量直接嵌入

- var title = "On Dogs: Man's Best Friend";
- var author = "enlore";
- var theGreat = "<span>转义!</span>";

h1= title
p #{author} 笔下源于真情的创作。
p 这是安全的:#{theGreat}

等价于-->
<h1>On Dogs: Man's Best Friend</h1>
<p>enlore 笔下源于真情的创作。</p>
<p>这是安全的:&lt;span&gt;转义!&lt;/span&gt;</p>

Js表达式嵌入

- var msg = "not my inside voice";
p This is #{msg.toUpperCase()}

等价于-->
<p>This is NOT MY INSIDE VOICE</p>

字符串嵌入,不转义

- var riskyBusiness = "<em>我希望通过外籍教师 Peter 找一位英语笔友。</em>";
.quote
  p 李华:!{riskyBusiness}

等价于-->
<div class="quote">
  <p>李华:<em>我希望通过外籍教师 Peter 找一位英语笔友。</em></p>
</div>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ListView的addHeaderView()方法相关问题

    听着music睡
  • Android项目实战(十一):moveTaskToBack(boolean ) 方法的使用

    听着music睡
  • 项目实战工具类(二):ZipUtils(压缩/解压缩文件相关)

    听着music睡
  • Go 语言内存管理(二):Go 内存管理

    了解操作系统对内存的管理机制后,现在可以去看下 Go 语言是如何利用底层的这些特性来优化内存的。Go 的内存管理基本上参考 tcmalloc 来实现的,只是细节...

    李海彬
  • 机器学习实践中应避免的七种常见错误

    用户1737318
  • .Net语言 APP开发平台——Smobiler学习日志:如何快速在手机上实现ContextMenu

    新创建MobileForm项,并命名为MessageShow,并拖入一个Label控件和一个Image控件,如图1;

    Amanda.li
  • 记一次ES的GC问题

    在双十一时,有用户反馈推广平台物料列表出现了耗时严重的情况。筛选排序系统出现过耗时严重的情况,根据业务系统的筛选排序慢接口的traceId, 我们分析了一下请求...

    黄泽杰
  • 数据库

    1.SQL执行的顺序 ? 2.NULL “空值” 和”NULL”的概念: 1:空值(‘’)是不占用空间的,判断空字符用 = ‘’ 或者 <> ‘’ 来进行处...

    Zephery
  • JVM(2)--一文读懂垃圾回收

    与其他语言相比,例如c/c++,我们都知道,java虚拟机对于程序中产生的垃圾,虚拟机是会自动帮我们进行清除管理的,而像c/c++这些语言平台则需要程序员自己手...

    帅地
  • 漫谈可视化Prefuse(三)---Prefuse API数据结构阅读有感

      前篇回顾:上篇《漫谈可视化Prefuse(二)---一分钟学会Prefuse》主要通过一个Prefuse的具体实例了解了构建一个Prefuse applic...

    JackieZheng

扫码关注云+社区

领取腾讯云代金券