wordpress更换,ios aso优化工具,如何制作app图标,如何用wordpress做一个企业网站jade 的安装什么的就不说了#xff0c;就说一下jade的一些语法。官网在这里
jade 是必须用自己的语法#xff0c;她不可以和原生的html混合使用#xff0c;当然ejs是可以的。
例子一 const jade require(jade);var str jade.render(html);console.log(str)运行结果为
就说一下jade的一些语法。官网在这里
jade 是必须用自己的语法她不可以和原生的html混合使用当然ejs是可以的。
例子一 const jade require(jade);var str jade.render(html);console.log(str)运行结果为
html/html例子二(读取 .jade 文件)-.js const jade require(jade)
const fs require(fs)var str jade.renderFile(./views/2.jade, {pretty: true})fs.writeFile(./build/1.html, str, function (err) {if (err) {console.log(写入失败)} else {console.log(写入成功)}
})-2.jadehtmlheadscript(srca.js)link(hrefa.css, relstylesheet)bodya(hrefwww.baidu.com) 百度div(stylewidth:200px; background:red)div(style {width: 200px, height: 200px})div(title {width: 200px, height: 200px})div.boxdiv#oDiv
-build/1.htmlhtmlheadscript srca.js/scriptlink hrefa.css relstylesheet//headbodya hrefwww.baidu.com百度/adiv stylewidth:200px; background:red/divdiv stylewidth:200px;height:200px/divdiv title[object Object]/divdiv classbox/divdiv idoDiv/div/body
/html语法总结1在前面加个| 就表示的原样输出。 body|aaa
// 输出
bodyaaa
/body2写法 在标签后面加个 .,表示的意思是比这个深的下一级都原样输出。script.window.onload function () {console.log(初始化完成)}
// 输出
scriptwindow.onload function () {console.log(初始化完成)}
/script3 include includescriptinclude a.js // 这样就可以读取4 变量输出, #{变量}-.jade
div 我的名字是 #{name}
-.js
var str jade.renderFile(路径, { pretty: true, name: Mar})
//输出
div我的名字是 Mardiv有个简单的写法就是 spanname 她就等于 #{name}5 用横杠可以表示是js 代码 body-var a 12;-var b 4;div 结果是 #{ab}6 for 循环body-for(var i 0; i arr.length; i)divarr[i]
//输出bodydivaaa/divdivbbb/divdivccc/div/body7 非转义输出 (比如像输出某个标签, ) div!contenthtmlheadbodydiv!contentjs代码为
var str jade.renderFile(./views/2.jade, {pretty: true,content: p标签/p
})
//输出
htmlhead/headbodydivp标签/p/div/body
/html8 if else htmlheadbody-var a 12;-if(a%2 0)div(style{background: red}) 偶数-elsediv(style{background: green}) 奇数
