Jade 模板引擎使用Jade - 模板引擎Jade - Template Engine            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-09-11 17:02:00
                            
                                83阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            写在前面目前nodejs的模板引擎有很多,各自有各自的优缺点。在本篇博客中,我会初步介绍其中的两个主流模板引擎之一:Jade。
    EJS 和 Jade的争论一直存在,可以参考下面这篇知乎:关于nodejs的模板引擎,如何选择 EJS 和 Jade?jade简介jade有两个特点:
简洁:它独特的缩进语法使得它特别的简洁,比一般的模板引擎文件大小要小得多。
破坏:如果你选择了jade,那么你就            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-28 14:01:09
                            
                                45阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            模板引擎:将动静部分糅合的一种实现机制或者技术 var items = [ {title:'..',photo:'http://',id:1,desc:'a'}, {title:'..',photo:'http://',id:2,desc:'a'}, {title:'..',photo:'http:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-06-30 08:02:00
                            
                                270阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Gifts & Crafts [url=http://www.tannet-source.com/product/catalogs/890/3/Candles_Holders.shtml]Candles & Holders[/url][url=http://www.tannet-source.com/product/catalogs/891/1/Holiday_Gift_Decor            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2007-08-02 17:53:49
                            
                                463阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            随着时间的迁移,要跟官方api相匹配 jade的缺点 1、可移植性差 2、调试困难 3、性能不是非常出色(不是为性能设计,可以使用dot, http://olado.github.io/) 选择的因素: 1、初始阶段(开发效率首选,快速迭代,这个时候速度和活下来很重要,不用担心性能的问题) 2、稳定            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-13 06:53:00
                            
                                73阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在jade里面注释是有多种方式的 单行注释,加两个//,跟js里面一样 //h1.title#title imoock jade study => <!--h1.title#title imoock jade study--> 非缓冲注释 //- h1.title#title imoock jade            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-03 07:01:00
                            
                                93阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            代码的复用是jade非常突出的一个设计目标,jade不仅仅通过mixin来复用代码,他在文件的组织能力上也非常突出,说白了,就是继承和包涵 block定义的方式和调用的方式 block desc p jade study block desc block desc => <p>jade study<            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-11 06:26:00
                            
                                85阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            jade复用说白了就是模板的继承。 使用 block 标识符,设置一个可修改的代码片段 layout.jade test.jade 使用extends继承layout.jade,block后对应代码片段的文字 生成html 也可以通过include 引入 如果想要追加代码片段,可以使用 append        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-07-20 14:51:00
                            
                                188阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Another way to add plain text to templates is to prefix a line with a pipe character (|). This method is useful for mixing plain text with inline tags            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-04-05 19:15:00
                            
                                59阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            模板继承是子文件,父文件继承和代码复用的问题,那模版包含是文件与文件之间,文件与区块之间,这种区块内嵌的东西 继承的关键字是extends, 那模板包含使用的是include这个关键字 head.jade meta(charset='utf-8') title layout layout.jade            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-11 06:44:00
                            
                                66阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            安装html2jade 反编译,默认输出同名jade 反编译为其他文件名        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-07-20 15:21:00
                            
                                459阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
                 jade 模板引擎主要为node.js服务端设计的官网:http://jade-lang.com/                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 06:10:59
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            通过上面的学习,了解了一个jade模板怎么编译成一个html页面,现在介绍一个工具,怎么把html页面编译成一个jade模板 命令行 npm install html2jade -g 安装到全局 第一种用法,我们把百度到首页转化成jade,终端输入 html2jade http://www.baid            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-13 06:48:00
                            
                                188阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Mixin works as a function. Here, we use include keyword to inlcude a mixin file. Exec a mixin function we can use '+': Define a mixin: Here we use som            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-06-19 22:48:00
                            
                                78阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            var http = require('http'); var jade = require('jade'); http.createServer(function(req, res){ res.writeHead(200,{ //'Content-Type':'text/plain';//文本 'Content-Type':'text/html'//展...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-12 06:39:00
                            
                                79阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            MDI Jade 6.5软件简介:MDI Jade 6.5是一款专业的XRD分析软件,XRD分析就是X射线衍射分析,运行稳定,能够处理X射线衍射的数据,可进行衍射峰的指标化、进行晶格参数的计算,将具体结果以生动形象的方式展现给用户。原理就是软件通过对材料进行X射线衍射,分析其衍射图谱,获得材料的成分、材料内部原子或分子的结构或形态等信息的研究手段。MDI Jade 6.5软件下载:[软件名称]:M            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-13 12:03:58
                            
                                1291阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            以上语法基本讲完了jade的语法,然后在jade里面并不仅仅局限于使用jade语法,同样可以使用其他的插件语言,这种机制在jade里面称为filter,在jade里面加入过滤器用冒号 markdown :markdown hi,this is **jade** [link](http://imooc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-12 11:02:00
                            
                                67阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            语言参考标签列表doctypeTagsBlock ExpansionAttributesBoolean AttributesClass AttributesClass LiteralID LiteralPlain TextPiped TextInline in a TagBlock in            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-17 16:41:02
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在写这篇文章之前,曾经写过一篇关于AJAX 
 技术的随笔,不过涉及到的方面很窄,对AJAX 
 技术的背景、原理、优缺点等各个方面都很少涉及null 
 。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我,并且征询我培训的主题,考虑到之前Javascript 
 、CSS 
 等WEB 
 开发技术都已经讲解过了,所以决定针对AJAX 
 这一块做一个比较系统的培训,所            
                
         
            
            
            
            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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-07-06 06:40:00
                            
                                85阅读
                            
                                                                                    
                                2评论