zoukankan      html  css  js  c++  java
  • jade初学

    jade是一个比ejs略难得模板。express的默认模本就是jade。 今天看了一下其实不是太难~~

    笔记:

        jade中使用缩进来定义HTML文档的层次结构
        jade不需要关闭标签
        给div添加id需要用# / 类的话用.
        使用|可以连接大段文本主题。会将他们视作一起的内容
        `-`开头可以定义一个变量 `=`可以赋值
        `- var name='aa'`
        `p #{name}`这样就可以使用这个变量了
        数组操作:
            - arrs = ['haha','hah2','jade']
            - each s in arrs
             p=s
             这样就给每个p里面插入了arrs里面的每个值
        对象操作:
            - obj = {name:'jake',job:"postman"}
            - each val,key in obj
              li #{val} :#{key}
        条件判断
            - locked = false
            - if(locked)
                p 开锁了
            - else
                p 锁住了
        添加内联脚本:
            script
                alert('这是jade内联js');
        包含 :
             include
        mixin:
              重复使用代码块
              mixin users(users)
                  ul
                      each user in users
                          li=user
    
              - list = ['liebiao1','liebiao2','LIBIAO3'];
              mixin users(list)
              - list2=  ['liebiao1','liebiao2','LIBIAO3'];
                  mixin users(list2)
    Now or nerver .
  • 相关阅读:
    day 06小结
    day 05小结
    day 05作业
    day 04作业
    day 03作业
    今日小结
    day 02小结
    hdu 4608 I-number(13多校#1 ,1009)
    zoj 2316 Matrix Multiplication(D)
    zoj 2316 Matrix Multiplication(2-D)
  • 原文地址:https://www.cnblogs.com/iyueyao/p/3361619.html
Copyright © 2011-2022 走看看