解決Golang在Web開(kāi)發(fā)時(shí)前端莫名出現(xiàn)的空白換行
問(wèn)題:
在使用Golang做Web開(kāi)發(fā)時(shí),有時(shí)候渲染出來(lái)的模板在前臺(tái)顯示時(shí)會(huì)出現(xiàn)一些奇怪的空白換行,具體特征就是查看css樣式表并沒(méi)有相關(guān)定義的空白部分。
分析:
查看出現(xiàn)問(wèn)題頁(yè)面的網(wǎng)頁(yè)源代碼,復(fù)制空白換行部分轉(zhuǎn)碼為Unicode編碼,發(fā)現(xiàn)其中包含了\u2028這樣的字符【圖一】。

【圖一】
另外,直接在瀏覽器檢查里邊的html選擇Edit as html,也可發(fā)現(xiàn)在空白處存在小紅點(diǎn),鼠標(biāo)移上會(huì)直接顯示該字符是\u2028【圖二】。查閱資料發(fā)現(xiàn),這樣的換行符在JavaScript中并不支持。

【圖二】
解決方法:
在網(wǎng)頁(yè)檢查可以發(fā)現(xiàn),直接刪除這些小紅點(diǎn)便可解決問(wèn)題。網(wǎng)上有直接前端處理的方式,即搜索頁(yè)面中的\u2028并將其替換為\\u2028即可,當(dāng)然也可以在后臺(tái)使用Golang進(jìn)行處理,即在輸出html前對(duì)內(nèi)容進(jìn)行檢索,并替換即可。
strings.Replace(html,"\u2028","",-1)
好了,以上就是這篇文章的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)和工作能帶來(lái)幫助。如果有疑問(wèn)可以留言交流。
相關(guān)文章
使用Go語(yǔ)言解決Scan空格結(jié)束輸入問(wèn)題
這篇文章主要為大家介紹了使用Go語(yǔ)言來(lái)解決Scan空格結(jié)束輸入問(wèn)題,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2021-11-11
k8s容器互聯(lián)flannel?vxlan通信原理
這篇文章主要為大家介紹了k8s容器互聯(lián)flannel?vxlan通信原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04
golang中select語(yǔ)句的簡(jiǎn)單實(shí)例
Go的select語(yǔ)句是一種僅能用于channl發(fā)送和接收消息的專用語(yǔ)句,此語(yǔ)句運(yùn)行期間是阻塞的,下面這篇文章主要給大家介紹了關(guān)于golang中select語(yǔ)句的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
深入解析golang中的標(biāo)準(zhǔn)庫(kù)flag
Go語(yǔ)言內(nèi)置的flag包實(shí)現(xiàn)了命令行參數(shù)的解析,flag包使得開(kāi)發(fā)命令行工具更為簡(jiǎn)單,下面通過(guò)本文給大家詳細(xì)介紹下golang中的標(biāo)準(zhǔn)庫(kù)flag相關(guān)知識(shí),感興趣的朋友一起看看吧2021-11-11
Golang開(kāi)發(fā)動(dòng)態(tài)庫(kù)的實(shí)現(xiàn)
這篇文章主要介紹了Golang開(kāi)發(fā)動(dòng)態(tài)庫(kù)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11

