Node.js
发布时间:2022-04-24 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jade-mixin 代码的重用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有时候
页面有好多个区块,比如列表区块,但是他们
代码结构又是一模一样的怎么弄?jade天生就是节约成本,节约时
间的,
mixin就是让
代码块可以重用的
函数
+lession
=>
<p>jade study</p>
传参数的方式
mixin study(name,courses)
p #{name}
ul
each course in courses
li=course
+study(‘tom‘,[‘jade‘,‘node‘])
=>
<p>tom</p>
<ul>
<li>jade</li>
<li>node</li>
</ul>
=>
<h4>tom</h4>
<p>tom</p>
<ul>
<li>jade</li>
<li>node</li>
</ul>
mixin team(slogon)
h4 #{slogon}
if block
block
else
p no team
+team(‘slogon‘)
p good job
=>
<h4>slogon</h4>
<p>good job</p>
里面的good job会传到block里面去
=>
<p @H_673_269@class="magic">attr</p>
这里的attribute
s.class已经转义过了,现在非转义
mixin attrs(Name)
p@H_673_269@&attributes(attributes) #{name}
+attrs(‘attrs‘)(class=‘magic2‘,id=‘attrid‘)
=>
<p @H_673_269@id="attrid"@H_673_269@ class="magic2">attrs</p>
在不知道参数多少个的时候,拿到所有参数
mixin magic(name,...items)
ul(class=‘#{name}‘)
each item in items
li=item
+magic(‘magic‘,‘node‘,‘jade‘,‘...‘)
=>
<ul @H_673_269@class="magic">
<li>node</li>
<li>jade</li>
<li>...</li>
</ul>
大佬总结
以上是大佬教程为你收集整理的jade-mixin 代码的重用全部内容,希望文章能够帮你解决jade-mixin 代码的重用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。