写在前面目前nodejs的模板引擎有很多,各自有各自的优缺点。在本篇博客中,我会初步介绍其中的两个主流模板引擎之一:Jade。
    EJS 和 Jade的争论一直存在,可以参考下面这篇知乎:关于nodejs的模板引擎,如何选择 EJS 和 Jade?jade简介jade有两个特点:
简洁:它独特的缩进语法使得它特别的简洁,比一般的模板引擎文件大小要小得多。
破坏:如果你选择了jade,那么你就            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-28 14:01:09
                            
                                45阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                 jade 模板引擎主要为node.js服务端设计的官网:http://jade-lang.com/                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 06:10:59
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            语言参考标签列表doctypeTagsBlock ExpansionAttributesBoolean AttributesClass AttributesClass LiteralID LiteralPlain TextPiped TextInline in a TagBlock in            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-17 16:41:02
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、针对p标签含有大量文本的时候,可以使用英文的句点后面接缩进如:html(lang="en")    head        title=pageTitle    body        h1 Jade - node template engine        #container.col.class1.class2            p You are amazing...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 10:36:01
                            
                                265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jade 模板引擎在node express 开发中有较多的使用,首先我们看一个简单的使用jade 生成的html 页面的标签代码:doctype htmlhtml(lang="en") head title=            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-17 16:41:47
                            
                                231阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jade和ejs很大的不同是通过缩进的方式解决嵌套和成对标签的问题,比较适合有代码洁癖的同学。 jade官方有基础的语法: http://naltatis.github.io/jade-syntax-docs/ 安装jade 试用: 建立 test.jade 编译 jade test.jade 编译        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-07-19 23:04:00
                            
                                253阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Template模板模式可以这样理解:一个抽象类公开定义了执行它的方法的方式/模板,它的子类可以按需要重写方法实现,但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。通俗来说,可以这样理解: 定义一个操作中算法的骨架,而将一些步骤延迟到子类中,模板方法使得子类可以不改变算法的结构即可重定义该算法的某些特定步骤。比如:完成一件事情,有固定的数个步骤,但是每个步骤根据对象的不同,而实            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-04 11:12:55
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在线html转jade工具>> 注意:以下是在Windwo环境下 运行: 然后你的目录node_modules下将增加jade文件夹 app.js home.jade,模板写法可参考官方:http://naltatis.github.io/jade-syntax-docs/ node下app.js后        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-11-01 13:41:00
                            
                                123阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            PUG jade 模板数组过滤-if(utility.path("accounts", data))	each account in (data.accounts || []).f            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-04 08:09:59
                            
                                106阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.jade jade1.js 项目部署: 输出结果:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-11-09 12:09:00
                            
                                104阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            安装相关模块在实验代码前,应该先安装express和jade:npm install expressnpm install jade简单介绍本篇使用的api1 为了使用jade,先要设置express默认的模板引擎,用法如下:app.set('view engine', 'jade');//设置默认的模板引擎2 如果要进行样式的定义,就要创建静态文件目录,该目录中的内容,可以直接在浏览器中获取到            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-12-24 22:46:00
                            
                                151阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            先安装nodejsiDEAAM2015/7/1622:47:25然后安装npminstallexpressiDEAAM2015/7/1622:47:35然后安装npminstall-gexpress-generator然后 express myapp然后 npm start使用浏览器访问地址:htt...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-07-16 22:51:00
                            
                                128阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Jade 模板引擎使用Jade - 模板引擎Jade - Template Engine            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-09-11 17:02:00
                            
                                83阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.新建项目 2.使用模板引擎 app.set('view engine','jade'); 3.使用render渲染一个视图 res.render(用于指定需要被渲染的视图(必选),本地变量(可选),回调函数) 4.编写jade的内容 demo index.js index.jade 输出效果:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-11-12 13:09:00
                            
                                225阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            项目,则不需要安装stylus相关的包,vue-cli默认已安装 npm install stylus stylus-loader --save-dev https:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-06-22 22:15:00
                            
                                381阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            模板引擎:将动静部分糅合的一种实现机制或者技术 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评论
                            
                                                 
                 
                
                             
         
            
            
            
            使用代码模板 Eclipse 提供了通过定义和使用代码模板来提高工作效率与代码可预测性的能力。 我们在开发 Java 程序过程中经常需要编写 main 方法: 如果我们一个字母一个字母去编写,将是一个重复而又毫无意义的事情,这是我们就可以使用 Eclipse 代码模板来快速完成这些工作。 我们只需在            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-12 17:05:00
                            
                                228阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            UTF-8" standalone="no"?><templates><template  autoinsert="false" context="typecomment_context" deleted="false" description="Comment for cr            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-09 15:42:04
                            
                                75阅读