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

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

【圖二】
解決方法:
在網(wǎng)頁檢查可以發(fā)現(xiàn),直接刪除這些小紅點便可解決問題。網(wǎng)上有直接前端處理的方式,即搜索頁面中的\u2028并將其替換為\\u2028即可,當然也可以在后臺使用Golang進行處理,即在輸出html前對內容進行檢索,并替換即可。
strings.Replace(html,"\u2028","",-1)
好了,以上就是這篇文章的全部內容,希望對大家的學習和工作能帶來幫助。如果有疑問可以留言交流。
相關文章
k8s容器互聯(lián)flannel?vxlan通信原理
這篇文章主要為大家介紹了k8s容器互聯(lián)flannel?vxlan通信原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04

