折行转义字符

mozillazg 发布于2019-08-02 14:09 / 2218人阅读

摘要：记录一个小技巧基于的多行字符串拼接，增加模板的可读性中使用的模板字符串可以让我们的多行模板更简洁然而它们在下并没有被支持，如果你需要在不经过或类似的工具编译的情况下支持，可以使用使用折行转义字符来增加代码的可读性。

记录一个小技巧

基于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

GPU云服务器云服务器字符转义转义字符输出转义字符 xml转义字符

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53611.html

折行转义字符

摘要：记录一个小技巧基于的多行字符串拼接，增加模板的可读性中使用的模板字符串可以让我们的多行模板更简洁然而它们在下并没有被支持，如果你需要在不经过或类似的工具编译的情况下支持，可以使用使用折行转义字符来增加代码的可读性。记录一个小技巧基于ES5的多行字符串拼接，增加html模板的可读性 var htmlString = + This is a string.+ ; E...

xiguadada 2019-08-23 14:51 评论0 收藏0
underscore 系列之实现一个模板引擎(下)

摘要：前言本篇接着上篇系列之实现一个模板引擎上。字符串中的每个字符均可由一个转义序列表示。在中，有四个字符被认为是行终结符，其他的折行字符都会被视为空白。前言本篇接着上篇 underscore 系列之实现一个模板引擎(上)。鉴于本篇涉及的知识点太多，我们先来介绍下会用到的知识点。反斜杠的作用 var txt = We are the so-called Vikings from th...

gyl_coder 2019-08-22 14:00 评论0 收藏0
white-space、word-wrap和word-break的简单整理

摘要：理解和的区别从易于区分和理解的角度，我引用了无双在你真的了解和的区别吗一文中对两个属性作用的解释属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 white-space 、 word-wrap 和 word-break 是决定段落中的文本如何展示的3个css属性，属性说明请点击链接查看参考手册。 white-space wh...

Magicer 2019-08-30 15:52 评论0 收藏0