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

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

【圖二】
解決方法:
在網(wǎng)頁檢查可以發(fā)現(xiàn),直接刪除這些小紅點便可解決問題。網(wǎng)上有直接前端處理的方式,即搜索頁面中的\u2028并將其替換為\\u2028即可,當(dāng)然也可以在后臺使用Golang進行處理,即在輸出html前對內(nèi)容進行檢索,并替換即可。
strings.Replace(html,"\u2028","",-1)
好了,以上就是這篇文章的全部內(nèi)容,希望對大家的學(xué)習(xí)和工作能帶來幫助。如果有疑問可以留言交流。
相關(guān)文章
k8s容器互聯(lián)flannel?vxlan通信原理
這篇文章主要為大家介紹了k8s容器互聯(lián)flannel?vxlan通信原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04
深入解析golang中的標(biāo)準(zhǔn)庫flag
Go語言內(nèi)置的flag包實現(xiàn)了命令行參數(shù)的解析,flag包使得開發(fā)命令行工具更為簡單,下面通過本文給大家詳細(xì)介紹下golang中的標(biāo)準(zhǔn)庫flag相關(guān)知識,感興趣的朋友一起看看吧2021-11-11

