批量添加數據時,需要動態添加html代碼。例如:添加規格。
本猿新手時期是這麼做的:(主要看紅框中代碼)
字符與變量拼接,倒是簡單易行,就是容易出錯(比如:引號不成對),需要反覆調試。
拼接字符串要是不講究, 那更是不便於我們人類閱讀,所以,要是 元素有改變 或者 新增了元素,維護起來自然不易。
要是像php模板引擎一樣,直接把變量塞進html代碼裡面,不但不用糾結引號是否匹配、成對標籤是否缺失閉標籤,而且格式化,那多好嗯,這個可以有。
php有模板引擎,咱js也有,不但有,還百家爭鳴。
本猿機緣巧合之下,遇見了art-template.js。
先看一眼官方文檔。
於是,上文的動態添加html代碼需求可以這麼實現:
想要查看art-template官方文檔的更多信息,可以這麼做: