模板引擎之jade 学习

【模板引擎之jade 学习】的更多相关文章

模板引擎之jade 学习

jade 模板引擎在node express 开发中有较多的使用,首先我们看一个简单的使用jade 生成的html 页面的标签代码: doctype html html(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) { bar(1 + 5) } body h1 Jade - node template engine #container.col if youAreUsingJade p…

学习篇：NodeJS中的模板引擎：jade

NodeJS 模板引擎作用:生成页面在node常用的模板引擎一般是 1.jade --破坏式的.侵入式.强依赖(对原有的html体系不友好,走自己的一套体系)2.ejs --温和的.非侵入式的.弱依赖本次就汇总一下jade的一些特性和使用方法. 一.Jade 在node中,jade的编写特性有:1.根据缩进,来划分规定层级例如:在原始目录下建立一个views目录,来存放该 test.jade html head script style body 在node.js中来调用该jade(记得先用…

pug模板引擎(原jade)

前面的话为什么要引入pug,pug有什么特别之处呢?有一些嵌套层次较深的页面,可能会出现巢状嵌套,如下图所示在后期维护和修改时,一不小心少了一个尖括号,或者某个标签的开始和闭合没有对应上,就会导致DOM结构的混乱甚至是错误.所以,有人发明了HAML,它最大的特色就是使用缩进排列来代替成对标签.受HAML的启发,pug进行了javascript的实现. Pug原名不叫Pug,是大名鼎鼎的jade,后来由于商标的原因,改为Pug,哈巴狗.其实只是换个名字,语法都与jade一样.丑话说在前面,Pu…

[js高手之路]Node.js模板引擎教程-jade速学与实战1

环境准备: 全局安装jade: npm install jade -g 初始化项目package.json: npm init --yes 安装完成之后,可以使用 jade --help 查看jade的命令行用法一.在项目目录下新建index.jade文件 inde.jade代码: doctype html html head meta(charset='utf-8') title body h3 欢迎学习jade 语法规则: 1, 标签按照html的缩进格式写 2,标签的属性可以采用圆括号…

[js高手之路]Node.js模板引擎教程-jade速学与实战1-基本用法

环境准备: 全局安装jade: npm install jade -g 初始化项目package.json: npm init --yes 安装完成之后,可以使用 jade --help 查看jade的命令行用法一.在项目目录下新建index.jade文件 inde.jade代码: doctype html html head meta(charset='utf-8') title body h3 欢迎学习jade 语法规则: 1, 标签按照html的缩进格式写 2,标签的属性可以采用圆括号…

[js高手之路]Node.js模板引擎教程-jade速学与实战2-流程控制,转义与非转义

一.转义与非转义 jade模板文件代码: doctype html html head meta(charset='utf-8') title jade学习-by ghostwu body h3 转义与非转义 - var userName = 'ghostwu' - var str = '<script>alert("ghostwu");</script>' div #{userName} div #{str} div !{str} div= userName…