JS解析、反解析emoji表情做评论vue项目、弄懂emoji表情原理

回顾vue项目中h5评论的功能,需求是能发送emoji表情,上网查了查,整理了一下个人心得emoji表情转码大致原理是emoji使用的是utf16编码,这种编码方式会出现2个或者4个字节的字符,而javascript中都是2个字节的字符,造成这种情况的原因是javascript采用Unicode字符集只支持ucs-2这一种编码方式,这种方式的编码会把4字节的字符转换为2个双字节的字符,得不到正确...
摘要由CSDN通过智能技术生成

回顾vue项目中h5评论的功能,需求是能发送emoji表情,上网查了查,整理了一下个人心得:
emoji表情转码大致原理是emoji使用的是utf16编码,这种编码方式会出现2个或者4个字节的字符,而javascript中都是2个字节的字符,造成这种情况的原因是javascript采用Unicode字符集只支持ucs-2这一种编码方式,这种方式的编码会把4字节的字符转换为2个双字节的字符,得不到正确结果,而且发送的字符后端也无法识别,因此需要进行编码转换,也就是转换成utf16编码再发送。

有个v-model=replayModelText的变量来存放input Value值转换编码发送到后台:

var patt=/[\ud800-\udbff][\udc00-\udfff]/g;
      // 检测utf16字符正则
      this.replayModelText = this.replayModelText.replace(patt, function(char){
          var H, L, code;
          if (char.length===2) {
              H = char.charCodeAt(0);
              // 取出高位
              L = char.charCodeAt(1);
              // 取出低位
              code = (H - 0xD800) * 0x400 + 0x10000 + L - 0xDC00;
              // 转换算法
              return "&#" + code + ";";
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值