当前位置: 首页 > 软件库 > 程序开发 > 模板引擎 >

Jade

node 模板引擎
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 模板引擎
软件类型 开源软件
地区 不详
投 递 者 殷浩慨
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

项目已经重命名为 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>	

 

  • Jade是Node.js的一个模板引擎,它借鉴了Haml的很多地方,所以语法上和Haml比较相近。并且,Jade也支持空格。 1、标签 在Jade里,一行开头的任何文本都被默认解释成HTML标签。并且你只需要你写开始标签——注意:不需要加“<>”。因为Jade会帮我们渲染闭合和开始标签。例如: body div h1 Jade是Node.js的一个模板引擎

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

  • 一、认识jade   1、什么是jade Jade是一个基于javascript,可以运行在node与浏览器环境的一个前端模板引擎,可以实现前后端渲染的统一 2、jade的优点 简洁和高效 Jade是为了提高前端开发人员的效率而产生的。Jade中,空格、换行、缩进都是有意义的 它省略了html中的闭合标签 3、安装 现在的jade改名为pug,所以: npm install pug 二、jade的

  • mac-lwen-x:test lwen_x$ sudo npm install -g jade Password: /usr/local/bin/jade -> /usr/local/lib/node_modules/jade/bin/jade.js jade@1.11.0 /usr/local/lib/node_modules/jade ├── commander@2.6.0 ├── char

  • 标签直接写:p或p. 例如: p 今天自己很棒 p.今天自己很棒   则输入 <p>今天自己很棒</p> <p>今天自己很棒</p>   ***jage模板记得需要书写规范,需要空两个空格。 jage变量调用   jade 的变量调用有 3 种方式 # {表达式} = 表达式 !=表达式 - console.log('hello'); // 这段代码在服务端执行 -

  • jade include jade的include关键字,允许你在一个文件中引入(包含)另一个文件的内容。include的使用存在两种情况, 一种是直接引入静态文本(被引入的文件不是".jade"后缀): 文件A.txt: <button type="button" class="btn btn-default">首页</button> 在文件B.jade中引入A.txt(假设A和B在同级目录):

  • 1.如何利用Jade得到峰所对应的强度,半高宽等数据 首先打开需要分析的XRD数据,点击左上角File的下拉菜单中“Read”,在弹出的对话框中找到我们数据储存的位置,打开。 如果我们的数据杂峰比较多,那么首先对图谱进行平滑处理,在上面的菜单栏中有一个键是“smooth”,点击即可对图谱进行平滑,但是要注意不要平滑次数太多,会导致图谱失真。 然后在平滑的左边有一个键是“Find Peaks”,即为

  • 1. controller 的部分都是直接写的, 例子1: <p>Hello, World!</p> 变成这样 : p Hello, World! 例子2: <p></p> <div></div> <h1></h1> 变成这样: p div h1 2. controller 里面的属性设置:id 用'#', class用'.' ,其他属性用‘()’包起来。 例子1: <p id="header">

  •  编译1.35.0时要在bjam的命令行参数中添加 --build-type=complete 来指明需要编译全 部的版本   1. 编译不带ICU支持的boost库            在console窗口输入:            bjam --without-python --toolset=msvc-8.0 --build-type=complete stage           

  • 在jade的标签里插入文本 1:|插入单行文本 文本只有一行,家空格后,写在标签后面就行如 p text string输出为 <p>text string</> 或 a(href="#") text string输出为 <a href="#"> text string</a> 2:插入多行文本 文本过长,要分多行插入,需要先进行换行缩进处理,并用“|”开头来连接。 p |aaa |bbbb

  • How to use jade with bootstrap : http://webdesign.tutsplus.com/tutorials/baking-bootstrap-snippets-with-jade--cms-22798 converter from html to jade: http://html2jade.aaron-powell.com/ Jade tutorial:ht

  • 报错 Warning: missing space before text for line 70 of jade file "index.jade" - var sessions=[{id:1,items:['a','b','c']}, {id:2,items:['d','e','f']}] //这样就不会报错 - var sessions=[{id:1,items

  • jade简单理解就是一个模板引擎,目前我主要用于写前台代码,简介、方便。     jade依赖node服务器的,通过使用node的npm  install -g jade 安装jade。也可是使用淘宝镜像安装npm.方式如下 npm install -g cnpm --registry=https://registry.npm.taobao.org     这样可使说哪个cpm安装jade更加快捷

  • 花了一下午了解了下jade,喜欢原因是mixin include extends等方法可以很大程度提高html代码的复用性,书写简单不用标签闭合。 不喜欢的地方像python的语法一样对严格控制空格,这和原始的html差别太大 两个空格差异就是标签结构的差异,另外当标签嵌套深的时候很难定位、一直别的地方的html时候需要反向转换成jade才行。 在组织和管理大量的html文件时候它可以提高复用性,

  • jade是express自带的模板引擎 jade文件可以嵌套使用,include引用外部jade文件,extends引用jade模板 例如 有一个主jade文件layout.jade,引用top.jade和footer.jade这两个 如下设计 1:layout.jade的文件 doctype html html   head     title blog     link(rel='styles

  • 资料: https://segmentfault.com/a/1190000006198621#articleHeader10 【jade】 编译:jade name.jade 编译成压缩后的html jade -P name.jade 有缩进 jade -P -w name.jade 实时编译 语法: 1.子标签相对于父标签,缩进两个空格,标签与内容缩进一个空格 2.添加class,id 可在标

  • jade是超高性能的node JavaScript模板引擎,有着非常强大的API和大量杰出的特性。它主要针对node的服务端。由于商标的原因,改为Pug,哈巴狗。Pug有它本身的缺点——可移植性差,调试困难,性能并不出色,但使用它可以加快开发效率。 标签嵌套 使用缩进来表示标签间的嵌套关系,这样可以构建一个 HTML 代码的 树状结构 语法 ul li item A li item

  • Jade is designed primarily for server side templating in node.js, however it can be used in many other environments. It is only intended to produce XML like documents (HTML, RSS etc.) so don't use it

 相关资料
  • 具体查看ejs官方文档 https://github.com/mde/ejs

  • 我们自己实现了一个轻量级的模板引擎,不要问为什么不用smart之类的,因为我们认为没有必要为了一个小小的模板引擎而引入smaart这样复杂的实现。你可能会说,smart功能强大,支持各种标签,标签也是很强大,而且还可以对模板引擎进行各种"灵活"的配置... 这里我们觉得有必要说明一下: 框架的内置模板引擎基本上实现了我们日常开中所有常用的标签。 不常用的标签我们也做了巧妙的实现。 我们只提供了扩展

  • 内置模板引擎 视图的模板文件可以支持不同的解析规则,默认情况下无需手动初始化模板引擎。 可以通过下面的几种方式对模板引擎进行初始化。 配置文件 内置模板引擎的参数统一在配置目录的template.php文件中配置,例如: return [ // 模板引擎类型 支持 php think 支持扩展 'type' => 'Think', // 模板路径 '

  • Warning: The packages listed below may be outdated, no longer maintained or even broken. Listing here does not constitute an endorsement or recommendation from the Expressjs project team. Use at your

  • Use the app.engine(ext, callback) method to create your own template engine. ext refers to the file extension, and callback is the template engine function, which accepts the following items as parame

  • hi-nginx-java内置了两个mustache模板引擎:mustache.java和jmustache。 以下介绍仅就jmustache而言。 字符串模板 字符串模板是最简单的情况。例如: package test; import hi.request; import hi.response; import hi.route; import java.util.regex.Matcher

  • 快速开始 安装模块 # 安装koa模板使用中间件 npm install --save koa-views # 安装ejs模板引擎 npm install --save ejs 使用模板引擎 demo源码 https://github.com/ChenShenhai/koa2-note/blob/master/demo/ejs/ 文件目录 ├── package.json ├── index.js

  • 模版引擎 引入 我们在使用ajax请求数据时,返回的如果是一个 JSON 格式的字符串,我们需要将其包装到对应的HTML代码中,再添加到页面上,才能看到效果。那么这个包装得过程有没有简单的方法呢? 假设在 js 中有如下数据: var obj = { name:"fox", age:18, skill:"卖萌" }; 希望包装为: <