jade 语法学习_第1页
已阅读5页,还剩11页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、jade 语法学习标签 自动闭合功能 p=> input => 嵌套标签的写法 p hello world 你好世界 输入 hello world 你好世界 标签中浮现大段块内容 一:在标签后面添加 " . " script. console.log("hello world") console.log("hello world") 二:在每段前面加 | script | console.log("hello world") | conso

2、le.log("hello world") 生成: console.log("hello world") console.log("hello world") 属性用 () 分割 a(href="")跳转 => 跳转 单行注释 /h1 多行注释/ h1 不输出注释 /- 添加一个doctype html 就可以输出为 设置id classname content 假如不设置标签则默认为div pcont a.btn adownload.btn.b

3、tn-default 输出结果为: 不被缓冲的代码 -for(var i=0;ihello world hello world hello world 被缓冲的代码 p=hello world => hello world p=hello world abc => hello world <b>abc</b> 不想被转译: p!=hello world abc => hello world abc 用法变量 -var name = "dream_mz"

4、p my name is name =>my name is dream_mz 假如要输出 需要用 "" 转译 -var name = "" | name =><script></script> 不想转译: | !name => 提醒: " | "是一个管道 普通可以定义一段文本 循环 each val,key in obj val 是值 key是键(可以不写) obj是对象或者数组

5、 key:val -var name = "key":123,"key2":456,"key3":789 each val,key in name h3 key 的值是 val case 作用和js中的switch一样的 -var apple = 1 case apple when 0 p you have no apple when 1 p you have an apple default p you have apple apple => you have an apple

6、写法二: -var apple = 1 case apple when 0: p you have no apple when 1: p you have an apple default : p you have apple apple 合并when的值: -var apple =1 case apple when 0 when 1 p you have few apple default : p you have apple apple 当apple的值为0/1的时候输出you have few apple 当apple的值不为0/1的时候 输出you have apple apple m

7、ixin函数的支持 mixin setname(name,age) ul li 我叫 name li 我今年 age 岁了 ul +setname("张三",19) 带有块的mixin mixin getinfo(name,age) ul li 我是 name li 我今年 age if block block ul +getinfo("李四",18) li 我来自china li hello world 接受外部的类或属性 mixin link(href,name) a(class!=attributes.class,title!=attributes.title,href=href).btn1=name +link("&a

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论