解決Golang在Web開發(fā)時(shí)前端莫名出現(xiàn)的空白換行
問題:
在使用Golang做Web開發(fā)時(shí),有時(shí)候渲染出來的模板在前臺(tái)顯示時(shí)會(huì)出現(xiàn)一些奇怪的空白換行,具體特征就是查看css樣式表并沒有相關(guān)定義的空白部分。
分析:
查看出現(xià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ǎ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í)和工作能帶來幫助。如果有疑問可以留言交流。
相關(guān)文章
Golang中Error的設(shè)計(jì)與實(shí)踐詳解
這篇文章主要為大家詳細(xì)介紹了Golang中Error的設(shè)計(jì)以及是具體如何處理錯(cuò)誤的相關(guān)知識(shí),文中的示例代碼簡(jiǎn)潔易懂,需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08一文帶你探索Go語(yǔ)言中crypto/md5標(biāo)準(zhǔn)庫(kù)的強(qiáng)大功能
我們將從MD5算法的基礎(chǔ)知識(shí)入手,逐步深入到如何在Go中有效使用crypto/md5標(biāo)準(zhǔn)庫(kù),包括基本的使用方法、實(shí)際應(yīng)用案例分析,以及性能和安全性的考量,需要的可以參考下2024-02-02Go語(yǔ)言實(shí)現(xiàn)圖片快遞信息識(shí)別的簡(jiǎn)易方法
這篇文章主要為大家介紹了Go語(yǔ)言實(shí)現(xiàn)圖片快遞信息識(shí)別的簡(jiǎn)易方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10Golang 端口復(fù)用測(cè)試的實(shí)現(xiàn)
這篇文章主要介紹了Golang 端口復(fù)用測(cè)試的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03