Unicode官方网址
一 、页面中使用Unicode中emoji表情
- 方式一:通过html代码,直接在页面中使用表情;
- 方式二:通过js代码使用表情;
- 方式三:通过css代码使用;
html标签:
<span>😀<span>
vue:
<span>{{ String.fromCodePoint(0x1F600) }}</span>
<span>{{ text }}</span> // text: "\u{1F600}",
css:
span::after {
content: "\1F600";
}
二 、注意事项
String.fromCodePoint
:es6新增的字符串属性,与fromCharCode
功能一样,弥补了后者范围介于 0 到 65535(0xFFFF)之间的不足;\u
:表示是unicode编码,后面跟十六进制;