巧妙的使用模板字串生成dom元素

2021-10-06 05:16:45 字數 514 閱讀 4673

通常,我們拼接dom元素字串是這樣的...

function createdom(option)
看起來似乎沒有什麼毛病,挺好的,但是,一旦這個dom元素資料龐大複雜一些,這種方式看起來就好比看天書...

來看看優化方案

function createdom(option) ',

'','

', '

', '

' ].join(''); // .join('')將陣列進行拼接

// 將title替換模板中的

return formatestring(dom, option);

}// 將data中的資料替換模板中的

function formatestring(str, data) /g, function(match, key) )

}

測試

createdom()
輸出結果

巧妙的字串排序

sort str.c 讀入字串,並排序字串 include include define size 81 限制字串長度,包括 0 define lim 20 可讀入的最多行數 define halt 空字串停止輸入 void stsrt char string int num 字串排序函式 char...

字串模板的使用

在資料中,一般情況下,我們都會使用,prestatement 來傳輸sql語句,然後通過pstm.setstring index,str 或者其他型別來設定佔位符?的具體值。因為安全問題,我們已經體驗到了這種設計思路的好處。而在今天的學習中,發現了基於這種佔位符思路的另外乙個應用。如果我們現在要用到...

多行字串 模板字串

多行字串 下面是普通字串的寫法 普通字串 var l abcd console.log l 編譯結果 如何讓讓乙個字串獨佔多行呢?就需要用到es6 裡的多行字串 多行字串 var i ab cd console.log i 編譯結果 再說說拼接字串,一般情況我們是如何拼接字串的呢?看下面 正常拼接字...