[jade]横着メモ

個人用メモとして。

mixin

<div class="hogeclass">hogeText</div>
<div class="hogeclass">piyoText</div>

を書くのに

 - var strs = ["hogeText","piyoText"]
 - for (var i=0; i < strs.length; i++){
 .hogeclass #{strs[i]}
 - }

でもいいけど，

mixin list(arr)
 each item in arr
  div(class=attributes.class)= item

+list(["hogeText","piyoText"]).hogeClass

の方が，jadeっぽい?

• .(attributes.class) と書きたかったけど，解釈してくれなかった
• .attributes.class は<div class=”attributes class"></div>に展開された。そりゃそーか。
• eachの構文は構文で注意。 divの後の=を忘れると，"item"と，そのまま展開される。 (これは別のルールかな)

Syntax suger

暗黙のdiv

<div id='hoge' attr='piyo'></div>

を簡単に出力したい

#hoge(attr='piyo')

mixin

mixin hoge
+hoge

同じ