麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

推廣一個良好的拼接帶格式字符串的方法

2024-04-27 15:14:58
字體:
來源:轉載
供稿:網友

帶格式是指,像普通的HTML文檔一樣,有縮進,有換行,有空格,這種字符串更便于閱讀。大家拼innerHTML的時候,巴不得越容易閱讀越好。

JS拼字符串,一般喜歡用+。如果想要很多行拼在一起,且方便閱讀,一般的做法是:

123456789101112var s = '<div class="main">'    + '<div class="left">'    +'</div>'    +'<div class="right">${a},{{a}}'    +   '<ul>'    +       '<!-- for: ${people} as ${p} -->'    +       '<li>${p.name}</li>'    +       '<!-- /for -->'    +   '</ul>'    +'</div>'+'</div>';

這種已經算比較好了,但還是不夠好。比如有太多的+號,有太多的”,這里的結構還算少的,要是再多的話,+和’也會更多。下面是更簡潔的方式,也是我一直在用的:

123456789101112var ss = '<!-- target:Name -->/<div class="main">/    <div class="left"></div>/    <div class="right">${a},{{a}}/        <ul>/            <!-- for: ${people} as ${p} -->/            <li>${p.name}</li>/            <!-- /for -->/        </ul>/    </div>/</div>/<!-- /target -->';

這種方式的好處顯而易見:不管字符串有多長,始終只有一對”,甚至連+都沒有;效率比第1種略高。你也可以隨時中斷(當然,中斷時就要閉合一次”),插入變量。

這種方式要注意一點,也是實現的關鍵:每一行的最后,都加上轉義斜線/,但沒有后續字符,只有個/。(如果報語法錯誤,你需要看是不是某一行后面加漏了/)

這種方式也有缺點,就是生成的字符串要比上一種方法大,因為他里面的縮進是保留了的,而第一種方式實際上并沒有縮進。但個人認為這個缺點遠不足以抵消其優點,甚至有時候就需要保留空格呢。

最近見到一個JS經驗很豐富的同事都不知道第二種方法,感嘆之下發布此文。供有需者學習。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 羞羞羞网站 | 午夜视频久久久 | 亚洲男人的天堂在线视频 | 国产精品欧美久久久久一区二区 | 黑人三级毛片 | 久久精品色 | 国产宾馆3p国语对白 | 国产无遮挡一级毛片 | 西川av在线一区二区三区 | 黄色作爱视频 | 夜间福利网站 | 亚洲一区二区观看播放 | www.91sese| 91av国产在线 | 成人勉费视频 | 欧美成人精品一级 | 亚洲精品一二三区 | 福利四区 | 毛片视频免费播放 | 色综合久久久久久久久久 | 久久九九热re6这里有精品 | 国产91久久久久久 | 羞羞视频在线免费 | 亚洲午夜精选 | 黄色视频一级毛片 | 青青青在线免费 | 欧美性生活视频免费看 | 天天草天天干天天 | 亚洲精品久久久久久久久久久 | 国产精品毛片va一区二区三区 | 成人毛片100部 | www成人在线观看 | 黄色特级片黄色特级片 | 欧美一级视屏 | 最新一区二区三区 | 国产精品久久久久一区二区 | 一区二区三区在线观看免费 | 天天看成人免费毛片视频 | 亚洲第一成人在线 | 久久久久久久久久美女 | 亚州综合 |