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