Jade 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Jade 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发模板引擎
开发厂商
地区 不详
提 交 者 mingshun
适用人群 未知
收录时间 2012-01-02

软件简介

项目已经重命名为 Pughttps://www.oschina.net/p/pug

Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。

特性:

  • 客户端支持

  • 高可读性

  • 灵活缩进

  • html 5模式

  • 可选内存缓冲

  • 默认代码转义以提高安全性

  • 以过滤器产生解析树

  • 模板继承

  • 开箱即用的Express JS支持

  • 命令行运行编译jade模板

  • 通过each透明迭代对象,数组,甚至非枚举类

  • 块注释

  • 块扩展

  • 编译和运行时上下文错误报告

  • 属性改写

  • 静态包含

  • mixins

  • 块注释

  • 无标签前缀

  • AST过滤器

  • ……


!!! 5
html(lang="en")
  head
    title= pageTitle
    :javascript
      | if (foo) {
      |    bar()
      | }
  body
    h1 Jade - node template engine
    #container
      - if (youAreUsingJade)
         You are amazing
      - else
         Get on it!
         Get on it!
         Get on it!
         Get on it!
					

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Jade</title>
    <script type="text/javascript">
      //<![CDATA[
      if (foo) {
      	bar()
      }
      //]]>
    </script>
  </head>
  <body>
    <h1>Jade - node template engine</h1>
    <div id="container">
      <p>You are amazing</p>
    </div>
  </body>
</html>	

 

展开阅读全文

代码

评论 (1)

加载中
熟悉了格式,用起来还挺爽 node 模板引擎 jade
2014/01/20 23:34
回复
举报
更多评论
暂无内容
发表了博客
2018/09/11 19:17

node jade模板数据库操作

/* Navicat MySQL Data Transfer Source Server : localhost Source Server Version : 50519 Source Host : localhost:3306 Source Database : test Target Server Type : MYSQL Target Server Version : 50519 File Encoding : 65001 Date: 2018-09-11 19:02:40 */ SET FOREIGN_KEY_CHECKS=0; -- ---------------------...

0
0
发表了博客
2018/07/06 06:40

jade-for-each-while

if else还是for循环,在jade里面都是可执行的代码 for循环 - var lession = {course:'jade', level:'high'} - for (var k in lession)   p= lession[k] => <p>jade</p> <p>high</p> each - each value,key in lession   p #{key}: #{value} => <p>course: jade</p> <p>level: high</p> 这个each里面的前面-...

0
0
发表了博客
2018/04/18 18:57

jade 详解

  简介    jade 是HTMl模板引擎,用javascript编写,可以在Node.js中使用。本文主要介绍原生node操作jade文件的方法。    安装    npm install jade    方法(API)      jade的方法主要分为两类,一是编译语句的,二是编译jade文件。    options    opeions jade的方法都可设置的参数列表:   ...

0
0
发表于大前端专区
2014/07/19 11:28

Jade学习

在学习node时,开始学习用的ejs,接触jade后,一下就喜欢上啦!基本上是把官网按我自己的理解理解下来的,方便以后查看。

0
1
2016/12/08 19:55

Express jade

第一部分 背景 随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,与此同时 javascript MVC 思想也开始流行起来. 为了使用户界面与业务数据分离,就产生了『模板引擎』这个概念。模板引擎有很多, 比较有名的有jade(express默认)、ejs、hbs...

0
1
发表了博客
2018/06/30 08:02

jade简介

模板引擎:将动静部分糅合的一种实现机制或者技术 var items = [ {title:'..',photo:'http://',id:1,desc:'a'}, {title:'..',photo:'http://',id:2,desc:'a'}, {title:'..',photo:'http://',id:3,desc:'a'} ] 我们平常看到的网页,里面有图片啊,文字啊,都是html代码,这些可以看作网页中的数据,这些数...

0
0
发表了博客
2018/07/11 06:26

jade继承

代码的复用是jade非常突出的一个设计目标,jade不仅仅通过mixin来复用代码,他在文件的组织能力上也非常突出,说白了,就是继承和包涵 block定义的方式和调用的方式 block desc   p jade study block desc block desc => <p>jade study</p> <p>jade study</p> <p>jade study</p> 继承 layout.jade html   hea...

0
0
发表了博客
2018/07/03 07:01

jade注释

在jade里面注释是有多种方式的 单行注释,加两个//,跟js里面一样 //h1.title#title imoock jade study => <!--h1.title#title imoock jade study--> 非缓冲注释 //- h1.title#title imoock jade study => '' 这种注释是不会编译到浏览器里面,html里面就没有了这行代码 块注释 //- p | 12 st...

0
0
发表了博客
2018/07/07 08:28

jade-if-else-unless-case

if else - var lession = ['node','jade'] if lession   if lession.length > 2     p 1 #{lession.join(', ')}   else if lession.length > 1     p 2 #{lession.join(', ')}   else     p no lession else   p no lession => <p>2 node, jade</p> unless其实就是if的反向的判断 - var ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
1 评论
55 收藏
分享
返回顶部
顶部