随笔分类 - jade
模板引擎
摘要：随着时间的迁移，要跟官方api相匹配 jade的缺点 1、可移植性差 2、调试困难 3、性能不是非常出色（不是为性能设计，可以使用dot, http://olado.github.io/） 选择的因素： 1、初始阶段（开发效率首选,快速迭代，这个时候速度和活下来很重要，不用担心性能的问题） 2、稳定
阅读全文
摘要：通过上面的学习，了解了一个jade模板怎么编译成一个html页面，现在介绍一个工具，怎么把html页面编译成一个jade模板 命令行 npm install html2jade -g 安装到全局 第一种用法,我们把百度到首页转化成jade，终端输入 html2jade http://www.baid
阅读全文
摘要：jade除了支持服务器端，jade也支持客户端 runtime.jade div h3 jade runtime call p this is from jade pre compile 命令行执行 命令行执行 jade --client --no-debug runtime.jade 执行完后就会
阅读全文
摘要：以上语法基本讲完了jade的语法，然后在jade里面并不仅仅局限于使用jade语法，同样可以使用其他的插件语言，这种机制在jade里面称为filter,在jade里面加入过滤器用冒号 markdown :markdown hi,this is **jade** [link](http://imooc
阅读全文
摘要：var http = require('http'); var jade = require('jade'); http.createServer(function(req, res){ res.writeHead(200,{ //'Content-Type':'text/plain';//文本 'Content-Type':'text/html'//展...
阅读全文
摘要：模板继承是子文件，父文件继承和代码复用的问题，那模版包含是文件与文件之间，文件与区块之间，这种区块内嵌的东西 继承的关键字是extends， 那模板包含使用的是include这个关键字 head.jade meta(charset='utf-8') title layout layout.jade
阅读全文
摘要：代码的复用是jade非常突出的一个设计目标，jade不仅仅通过mixin来复用代码，他在文件的组织能力上也非常突出，说白了，就是继承和包涵 block定义的方式和调用的方式 block desc p jade study block desc block desc => <p>jade study<
阅读全文
摘要：有时候页面有好多个区块，比如列表区块，但是他们代码结构又是一模一样的怎么弄？jade天生就是节约成本，节约时间的，mixin就是让代码块可以重用的函数 mixin lession p jade study 像这样，，一个mixin就完成了，怎么调用呢，通过一个+ 像这样，，一个mixin就完成了，怎
阅读全文
摘要：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(', ')
阅读全文
摘要：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> e
阅读全文
摘要：- var data = 'text' - var htmlData = '<script>alert(1)</script><span>script</span>' 例如上面的例子，假如没有对他进行转义的话，他仍然是变量的形式，到页面上就会被执行掉，也就是在页面上看不出任何不一样，在后面进行引用
阅读全文
摘要：声明一个变量 － var course = 'jade'; 取得一个变量 #{course} 大括号里面写入变量命，前面加个#号就可以取得变量 在括号里面可以进行诸多都运行操作，比如大小写 #{course.toUpperCase()} title #{course.toUpperCase()} s
阅读全文
摘要：在jade里面注释是有多种方式的 单行注释，加两个//，跟js里面一样 //h1.title#title imoock jade study => <!--h1.title#title imoock jade study--> 非缓冲注释 //- h1.title#title imoock jade
阅读全文
摘要：如果文本是大段的文本怎么写呢？因为文本会换行，比如有多行的文本，标签，文本傻傻分不清楚 p 1234567890 => <p>1234567890</p> 如果需要换行，可以这么写，在p后面加个.紧紧贴着p标签,然后另起一行 p. 12 34 56 78 90 => <p> 12 34 56 78
阅读全文
摘要：关于元素和标签，可能傻傻分不清楚，什么是元素，什么是标签，举个例子 比如div是一个块状元素，那么尖括号包起来的是标签，他用来标记这个元素，尖括号里面是元素名，元素是由开始和结束标签组成，用来包含内容的整段代码，整个html文档就是由许许多多这样的元素组成 在jade里面，不管是不是自闭合标签，写法
阅读全文
摘要：jade文件： doctype html html head title jade study body h1 imoock jade study 在jade文件夹下，终端输入 jade index.jade 会在index.jade文件的平级声称一个index.html <!DOCTYPE htm
阅读全文
摘要：作为一个页面，首先需要一个doctype的声明，它位于文档最上面的位置，放置html标签以前，用来告知浏览器当前这个页面用哪种html,或者xml的规范并解析页面 doctype html html head title imooc jade study body 老的声明方式,也可以是doctyp
阅读全文
摘要：模板引擎：将动静部分糅合的一种实现机制或者技术 var items = [ {title:'..',photo:'http://',id:1,desc:'a'}, {title:'..',photo:'http://',id:2,desc:'a'}, {title:'..',photo:'http:
阅读全文