引入juicer
1.變數$
這些變數名在後面都需要通過juicer(模板字串,data)中的data物件進行傳值,juicer會將模板和資料進行構建,返回已經完成的html字串,然後通過dom操作的innerhtml將字串放入
2.過濾器
在前端接受資料的時候,我們經常會拿到一些無意義但方便儲存的字串,需要將這些無意義的字串轉換為使用者可以看明白的字串,這時候過濾器(管道)就很方便了.juicer的過濾器與vue的用法相同,變數 | 方法名 , 引數2,引數3…
舉個栗子
page.html
$
性別:$
3.if-else if-else
條件判斷是開發中必不可少的一部分,
語法:
html
html
html
$
注釋是開發必不可少的內容,方便自己下一次接上思路,也方便以後對**的維護
像是包了大括號的mysql注釋
7.子模板巢狀
這個是作為菜雞的我最不能理解的地方,在乙個帶id的script修改type屬性為text/template,然後再通過獲得script中寫的內容,然後通過juicer(剛剛獲取的內容,data物件)進行渲染…總的來講,我是覺得的很雞肋,script裡面也不能幫我填充tagname啊,這樣還不如模板字串呢,然後最難受的是官方完整栗子裡面,做好了所有的子模板巢狀的前置工作,用了個getelementbyid(『id名』).innerhtml就拿到東西了,賊難受
模板引擎artTemplate 學習筆記
1.1 模板引擎 模板引擎是第三方模組。讓開發者以更加友好的方式拼接字串，使專案 更加清晰 更加易於維護。1.2 art template模板引擎1.3 art template 示例 在.js檔案中寫 匯入模板引擎模組 const template require art template 將特定...
模板引擎artTemplate學習筆記
2 模板引擎語法 模板引擎是第三方模組。讓開發者以更加友好的方式拼接字串，使專案 更加清晰 更加易於維護。未使用模板引擎的寫法 var ary var str 使用模板引擎的寫法 li li ul 使用const template require art template 引入模板引擎 告訴模板引擎...
學習前端模板引擎 jade 一
通常大部分前端開發工作者一開始步入前端開發的時候，都是直接簡單的寫html頁面然後丟給後台開發，後台開發在來嵌入模版。對於日益龐大的前端頁面來說，還是用老的字串拼接的方法來嵌入html內容已經不適應當下的開發趨勢了。廢話不多說，直接切入正題。第二步我要安裝npm包管理工具，在node環境下，不裝gr...