zoukankan      html  css  js  c++  java
  • jade的写法

    标签直接写:p或p.

    例如:

       p 今天自己很棒
       p.今天自己很棒
    

      则输入

      <p>今天自己很棒</p>
      <p>今天自己很棒</p>
    

      ***jage模板记得需要书写规范,需要空两个空格。

    jage变量调用

     

    jade 的变量调用有 3 种方式

    1. # {表达式}
    2. = 表达式
    3. !=表达式
      - console.log('hello'); // 这段代码在服务端执行
      - var s = 'hello world' // 在服务端空间中定义变量
      p #{s}
      p= s
    p !=s

      或者

       var s="love you"
      p I #{s}
    p="I"+s
     !p="I" +s

      if判断

    if判断有三种方法:

    (第一种)

    - var user = { description: '你好'}
    - if (user.description)
    h2 描述
    p.description= user.description
    - else
    h1 描述
    p.description 没有描述
    输出
    <div id="user">
      <h2>描述</h2>
      <p class="description">我喜欢猫</p>
    </div>
    

      

     

     ***注意书写间隔,不然会出现意想不到的错误

      (第二种)

         - var user = {description: "成熟的人"}
         #user
             if user.description
                     h2 描述
                     p.description= user.description
             else
                     h1 描述
                     p.description  不是成熟的人
    

     

    s(第三种)

    使用 Unless 类似于 if 后的表达式加上了 ! 取反

     

      - var user = { name: "陈长林",isvip: false} 
      unless user.isvip
         p 亲爱的 #{user.name} 先生,抱歉,目前您还不是本店的vip客户
    

      输出

    <p>亲爱的陈长林先生,抱歉,目前您还不是本店的vip客户</p>
    

      循环

          (for循环)

            - var array = [1,3,5]
              ul
            - for (var i=0; i<array.length; ++i) {
                li  hello #{array[i]}
            - }    
    

      (each循环)

    //each指的是两个或两个以上的每一个,强调个别。

         

    ul
      each val, index in ['西瓜', '苹果', '梨子']
        li= index + ': ' + val
    

      //index in 指数

  • 相关阅读:
    python【第五篇】常用模块学习
    (三)训练HMM模块
    (二)杂项准备
    (四)看看成果
    (一)准备训练语音文件
    HTK语音识别示例(Ubuntu)
    RoboCup仿真3D TC笔记(2014年合肥中国公开赛 仿真3D比赛环境搭建)
    WebFont与页面font-icon图标研究
    Font Awesome使用方法
    css sprites拼合
  • 原文地址:https://www.cnblogs.com/chen1997/p/9393307.html
Copyright © 2011-2022 走看看