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