明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

前端如何處理emoji表情無法發(fā)送的BUG

發(fā)表時間：2023-12-25 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]之前在做移動端開發(fā)時候，有一個發(fā)表評論的功能需要實現(xiàn)，雖然這個功能 比較簡單能做出來，但是我在測試的時候說手機自帶的emoji表情發(fā)送失敗的BUG總是出現(xiàn)，所以今天給大家?guī)沓霈F(xiàn)這種BUG的解決方法1. 后臺更改數(shù)據(jù)庫格式　　執(zhí)行sql語句將數(shù)據(jù)庫的編碼格式改成utf8mb4 存儲形式,這種4字節(jié)...
之前在做移動端開發(fā)時候，有一個發(fā)表評論的功能需要實現(xiàn)，雖然這個功能 比較簡單能做出來，但是我在測試的時候說手機自帶的emoji表情發(fā)送失敗的BUG總是出現(xiàn)，所以今天給大家?guī)沓霈F(xiàn)這種BUG的解決方法

1. 后臺更改數(shù)據(jù)庫格式

　　執(zhí)行sql語句將數(shù)據(jù)庫的編碼格式改成utf8mb4 存儲形式,這種4字節(jié)的UTF-8存儲形式可以完美的兼容以前的3字節(jié)的存儲形式,并且可以直接存儲emoji表情,這是最完美的解決方案.

2. 使用base-64編碼

　　列如可以使用base-encode來編碼emoji表情之后存儲在UTF-8之中,取出的時候decode一下就可以了,但是我沒有試過

3. 干掉emoji表情

　　暴力干掉,估計PM不會同意這么做

4. 前端處理

　　就是通過第三方插件, 將輸入的emoji轉(zhuǎn)為span標(biāo)簽,并賦上相應(yīng)的class,找一大堆emoji,表情圖片,向后臺發(fā)送的時候就是發(fā)送span表情,這個后臺當(dāng)讓就可以存儲了, 這樣做的好處就在所有的設(shè)備上展示的都是一樣的,不會產(chǎn)生歧義,當(dāng)然缺點就是emoji表情在更新,有可能你所找到的emoji表情圖片庫不全,有的表情無法展示到頁面上,這個就需要定期維護

推薦一個比較好用的插件庫 github.com/node-module…

使用方法 先下載emoji插件

<link href="http://cdn.staticfile.org/emoji/0.2.2/emoji.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.staticfile.org/emoji/0.2.2/emoji.js"></script>

映入這兩個代碼庫,這個插件完全不需要依賴jquery庫

接下來就更加簡單了

var text = document.querySelector('emojiText');
cosnoel.log(jEmoji. unifiedToHTML(text.value))

如果使用了commenJS規(guī)范

$ npm install emoji
var emoji = require('emoji');
console.log('
以上就是前端怎么解決emoji表情無法發(fā)送的BUG的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！

網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。