摘要:記錄一個(gè)小技巧基于的多行字符串拼接,增加模板的可讀性中使用的模板字符串可以讓我們的多行模板更簡(jiǎn)潔然而它們?cè)谙虏](méi)有被支持,如果你需要在不經(jīng)過(guò)或類似的工具編譯的情況下支持,可以使用使用折行轉(zhuǎn)義字符來(lái)增加代碼的可讀性。
記錄一個(gè)小技巧
基于ES5的多行字符串拼接,增加html模板的可讀性
var htmlString = ""+ "This is a string."+ "";
ES6中使用`的模板字符串可以讓我們的多行html模板更簡(jiǎn)潔
var htmlString = `This is a string.`;
然而它們?cè)?IE 下并沒(méi)有被支持,如果你需要在不經(jīng)過(guò) Babel 或類似的工具編譯的情況下支持 IE,可以使用使用折行轉(zhuǎn)義字符來(lái)增加代碼的可讀性。
var htmlString = "This is a string.";
Reference:
Multiline String Variables in JavaScript
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/53611.html
摘要:記錄一個(gè)小技巧基于的多行字符串拼接,增加模板的可讀性中使用的模板字符串可以讓我們的多行模板更簡(jiǎn)潔然而它們?cè)谙虏](méi)有被支持,如果你需要在不經(jīng)過(guò)或類似的工具編譯的情況下支持,可以使用使用折行轉(zhuǎn)義字符來(lái)增加代碼的可讀性。 記錄一個(gè)小技巧 基于ES5的多行字符串拼接,增加html模板的可讀性 var htmlString = + This is a string.+ ; E...
摘要:前言本篇接著上篇系列之實(shí)現(xiàn)一個(gè)模板引擎上。字符串中的每個(gè)字符均可由一個(gè)轉(zhuǎn)義序列表示。在中,有四個(gè)字符被認(rèn)為是行終結(jié)符,其他的折行字符都會(huì)被視為空白。 前言 本篇接著上篇 underscore 系列之實(shí)現(xiàn)一個(gè)模板引擎(上)。 鑒于本篇涉及的知識(shí)點(diǎn)太多,我們先來(lái)介紹下會(huì)用到的知識(shí)點(diǎn)。 反斜杠的作用 var txt = We are the so-called Vikings from th...
摘要:理解和的區(qū)別從易于區(qū)分和理解的角度,我引用了無(wú)雙在你真的了解和的區(qū)別嗎一文中對(duì)兩個(gè)屬性作用的解釋屬性用來(lái)標(biāo)明是否允許瀏覽器在單詞內(nèi)進(jìn)行斷句,這是為了防止當(dāng)一個(gè)字符串太長(zhǎng)而找不到它的自然斷句點(diǎn)時(shí)產(chǎn)生溢出現(xiàn)象。 white-space 、 word-wrap 和 word-break 是決定段落中的文本如何展示的3個(gè)css屬性,屬性說(shuō)明請(qǐng)點(diǎn)擊鏈接查看參考手冊(cè)。 white-space wh...
閱讀 1546·2021-11-24 09:39
閱讀 3757·2021-11-24 09:39
閱讀 1940·2021-11-16 11:54
閱讀 1540·2021-09-30 09:47
閱讀 1820·2021-09-26 10:16
閱讀 2398·2021-09-22 15:33
閱讀 1531·2021-09-14 18:01
閱讀 2526·2021-09-07 09:59