美文网首页
【基础知识】消除ES6模板字符串中的空格

【基础知识】消除ES6模板字符串中的空格

作者: 前端菜篮子 | 来源:发表于2020-08-31 13:34 被阅读0次

转:消除ES6模板字符串中的空格

在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如一段模板字符串时这样的

 let html=`<div>
            <div>
                <p></p>
            </div>
          </div>`

以上内容会原样输出,标签之间的空格和换行都会存在,某些情况会引起页面格式错乱,所以写了一个方法去除里面的空格和换行符,很简单

    Object.defineProperty(String.prototype, 'trimMultiLine', {
        enumerable: false,
        value: function () {
                return this.replace(/ *[\r|\n] */gm, '')
        }
    })

调用时直接在模板字符串后面.trimMultiLine()即可,比如

 let html=`<div>
            <div>
                <p></p>
            </div>
          </div>`.trimMultiline()

相关文章

  • 【基础知识】消除ES6模板字符串中的空格

    转:消除ES6模板字符串中的空格 在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如...

  • es6``和${}

    `` es6中允许使用 `` 创建字符串模板,可以直接写回车空格编写html或文本。 可代替''和""使用。 ${...

  • TypeScript字符串新特性

    多行字符串 1. 多行字符串 其中 `` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌...

  • ES6模版字符串

    初探ES6:字符串模板 && 标签模板 关键词:``,${} 字符串模板: 在ES6之前我们要在html或者con...

  • Linux命令

    【文本搜索工具-grep命令】 工作方式:在一个或者多个文件中搜索字符串模板。如果模板中包括空格,则空格必须被引用...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • 11.ES6字符串startsWith、endsWith和字符串

    在ES6中字符串扩展了startsWith、endsWith和字符串模板1、startsWith 开始是否包含2、...

  • ES6之模板字符串的使用方法

    字符串模板引擎 什么是模板字符串?ES5中的字符串缺乏多行字符串、字符串格式化、HTML转义等特性。而ES6通过模...

  • ES6入门用法&字符串模板

    字符串模板 传统的JavaScript的输出模板是 ES6引入了模板字符串来解决这个问题 用反引号(`)来标识

网友评论

      本文标题:【基础知识】消除ES6模板字符串中的空格

      本文链接:https://www.haomeiwen.com/subject/axpusktx.html