顯示具有 jade 標籤的文章。 顯示所有文章
顯示具有 jade 標籤的文章。 顯示所有文章

2014年3月2日 星期日

html2jade 初次見面以及使用

* 這個工具感謝先前在製作 Node.js Taiwan 靜態頁時由 Poying 以及 Caesar 介紹。

要講 html2jade 這個工具之前,我必須先講一下 Jade 是在做什麼的。
html2jade 的 github 連結



Jade 是一個 Node Template Engine ,如果你用過 Express,那麼你或許聽過 ejs,ejs 也是一種 Template Engine,硬要說成中文的話,也可以說是樣板引擎,如果你是寫 PHP 的人,那麼就像 Smarty 之於 PHP 一樣。

你可以想像 Jade 只是把一般的 HTML 轉換成用比較簡單的方式所寫成的樣板,透過 Node 的環境,進行編譯 (編譯成 HTML),當然還有一些蠻特別的功能,比方說一些基本的樣板能夠有 includes 功能, block, mixin, filter 等等...,不過這都不是我這邊所要表達的事情,若真的要講 Jade,或許到時候再分另外一篇寫也不遲。

目的

幫你把 html 轉成 Jade。之所以介紹 html2jade 這個工具,是因為假如一個專案已經進行中,要把過去已經完成的 HTML 轉換成 Jade 來使用,只要透過這個工具,就可以幫助你直接做把 HTML 轉換成 Jade 的工作,但是對於轉換的結果,只能盡善盡美,不能抱持能夠 100% 轉換的很完整的心情去使用,就像 github 專頁上寫的一樣 『Converts HTML to Jade template. Not perfect but useful enough for non-daily conversions.』,雖然不夠完美但也夠用,至少你不需要一個一個 html 頁面自己手動轉換成 Jade。


Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...