Q版苏大强变身程序员表情包，哪一个深得你心？

摘要

此处献上Q版程序员系列表情包

电视剧《都郑滑橡挺好》有多好看？

一天至少一次上热搜算不算？

虽然《都挺好》已经大结局，

但是它的表情包才刚开始火~

除了最后洗白的老爷子苏大强，

身为程序员的苏明哲

也赚翻让铅了大家的眼球。

此处献上Q版程序员系列表情包

看看，哪一个深得你心？

太形象了，

惟妙惟肖啊！

除此以外，

还有不少趣图，喊旁

我们一起接着欣赏。

最后，

看看下面这张图

有同感的小伙伴们举起你的小手

IT大咖说 | 关于版权

感谢您对IT大咖说的热心支持！

点击 【阅读原文】 更多IT技术圈干货等你挖掘

1、先上张图片，给大家看看需求是什么样的：

要求在安卓端咐哪或是iOS端上添加的emoji表情要能在web端进行展示出来。

2、拿到这种需求，对于底层的程序员来说，没办法以前没接触过，我只在斗图中见它们的次数比较多，所以只能去寻找度娘的帮助，你知道的，度娘给我们展示的一般都是比较高级的。所以一般文字太多的比较看不懂，尤其是讲述一些编码的问题，我更是不懂，所以还是手把手的教程比较靠谱。

3、我开始从数据库中拿到的数据是这样的

我展示出来的效果也是这样的，带一些小框框，这怎么能忍受的了，果断去寻找解决的办法。

4、最终，I get it  ,下面我讲述一些解决的办法。

5、首先引入，emoji.css  emoji.js   emoji.png这三个文件。记住这三个资源文件是在同一层的，并且千万别忘记引用.png图片，因为表情的展示全靠它呢。

这里看到了没，最关键的代码，其中$('.remark-edit')是你用来展示表情的div，记住div里宽没存放的是展示表情和字符串的文本，不能有其他的标签在里面，我试了会出错，不过也肯定能解决，我没尝试哈，大家可以试试看。

emoji.unifiedToHTML(html)就是调用emoji.js里的表情解析方法，我用的是avalon引入js的方法，如果想直接衡巧码引入，你可以用emoji.js里的对象

如果要进行发送评论的时候要注意对emoji表情进行反解析，也就是过滤掉span标签，进行还原为原始的数据，看下图所示：

就是这个来去调用。

Emoji表情符号在OS X系统和iOS、Android、Windows Phone等各个手机中已经默认支持，所以在这些设备的Web端显示没有问题，可直接使用。

但是在Windows系统中，Web端显示Emoji或多或少都有一些问题。

首先，Windows 8 和 Windows Server 2012 默认也是支持 Emoji 的，但是只有在IE浏览器中才会显示。至于 

Windows 7 和 Windows Server 2008 R2 只要是更新了补丁包 KB2729094 

的，也可以在IE中直接显示Emoji。而这些系统的非IE浏览器却无法显示。

其实，补丁包 KB2729094 对Emoji的支持只不过是增加了“Segoe UI 符号字体”，只要在Web端CSS中引入这个字体，便可以让所有浏览器都支持Emoji。

---