文章詳情頁
javascript - 關于emoji是如何解析的呢??
瀏覽:237日期:2023-05-26 14:58:19
問題描述
這個是暢言的評論系統看到的
點了個發怒, 就會看到 [/發怒]
然后看到輸出的是背景圖來的。然后靠 background-position去定位

我想知道的是前端是如何解析 [/發怒] ??
第二、 前端發送給后端不需要處理嗎? 直接發送 [/發怒] ?
問題解答
回答1:首先,其實這個不需要前端解析。你可以審查一下編輯器(如下圖)這些表情符號的代碼,應該也是有類似title='發怒'的屬性值的。前端在點擊這些圖標時,直接把圖標元素對應的title拼接成[/...]格式的字符串,寫到了文本編輯框里面去了。
第二,前端發送給后端不需要處理,直接發送[/發怒]。
第三,當獲取別人評論(也就是說不在編輯框里面而在評論列表中),后端提供給前端的數據就是類似評論評論[/發怒][/發怒]這樣的純文本,由前端將[/...]格式的文本再替換為你看到的<span ... class='face-item ...'></span>以圖片為背景的表情標簽。
標簽:
JavaScript
相關文章:
1. nignx - docker內nginx 80端口被占用2. docker容器呢SSH為什么連不通呢?3. javascript - 連續點擊觸發mouseleave事件4. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?5. 關于docker下的nginx壓力測試6. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””7. mac里的docker如何命令行開啟呢?8. docker gitlab 如何git clone?9. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下10. angular.js使用$resource服務把數據存入mongodb的問題。
排行榜

網公網安備