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

我想知道的是前端是如何解析 [/發怒] ??
第二、 前端發送給后端不需要處理嗎? 直接發送 [/發怒] ?
問題解答
回答1:首先,其實這個不需要前端解析。你可以審查一下編輯器(如下圖)這些表情符號的代碼,應該也是有類似title='發怒'的屬性值的。前端在點擊這些圖標時,直接把圖標元素對應的title拼接成[/...]格式的字符串,寫到了文本編輯框里面去了。
第二,前端發送給后端不需要處理,直接發送[/發怒]。
第三,當獲取別人評論(也就是說不在編輯框里面而在評論列表中),后端提供給前端的數據就是類似評論評論[/發怒][/發怒]這樣的純文本,由前端將[/...]格式的文本再替換為你看到的<span ... class='face-item ...'></span>以圖片為背景的表情標簽。
標簽:
JavaScript
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 配置Apache時,添加對PHP的支持時語法錯誤5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. javascript - nodejs關于進程間發送句柄的一點疑問7. javascript - 移動端上不能實現拖拽布局嗎?8. phpstudy8.1支持win11系統嗎?9. 實現bing搜索工具urlAPI提交10. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?
排行榜

網公網安備