美文网首页
unicode在前端中的应用

unicode在前端中的应用

作者: CarterWu | 来源:发表于2019-04-20 20:53 被阅读0次

unicode是字符集。

标准表示方法为:U+

比如:U+E627

一、js

https://juejin.im/post/5b47564b51882519ec07e9ec

"\u0061"    // 'a'。 另外,wireshark等返回的中文,就是unicode的形式

// es6表示法(支持超过0xFFFF的数值)

"\u{1F601}"

在js中url的 encodeURI方法中,编码后,它输出符号的utf-8形式,并且在每个字节前加上%。

比如

注意:在浏览器地址栏输入 url,不同操作系统,不同浏览器处理结果都不一样,

http://www.ruanyifeng.com/blog/2010/02/url_encoding.html

二、 css中  

content: "\E627";  \\ 跟js相比,去掉了 "u"

content: "&#xe68a";

content中的内容,不是直接插入html中,而是经过了 css的一层解析处理。所以才可以使用 css attr、href、url等属性。

content只应用在伪元素::before 和 ::after当中,可以使用字符串\attr css属性, url引用图片等。

参考资料:https://www.zhangxinxu.com/wordpress/2010/04/css-content%E5%86%85%E5%AE%B9%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF%E4%BB%A5%E5%8F%8A%E5%BA%94%E7%94%A8/

三、html



D

相关文章

  • unicode在前端中的应用

    unicode是字符集。 标准表示方法为:U+ 比如:U+E627 一、js https://juejin.im/...

  • unicode在前端的二三事

    博文地址: unicode在前端的二三事

  • 基于qiankun的微前端最佳实践-通信篇(Vuex)

    大家好~~ 在开始介绍 qiankun 的应用通信之前,我们需要先了解微前端架构如何划分子应用。 在微前端架构中,...

  • vue-router 原理

    1、前端路由 在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 ...

  • Unicode与中文互转

    在应用开发和数据传输、持久化过程中,中文与 unicode 互转是相当有用的,比如说社交应用中经常用到的传输存储 ...

  • 基于qiankun 微应用--应用间通信

    在微前端架构中,我们应该按业务划分出对应的子应用,而不是通过功能模块划分子应用。这么做的原因有两个: 在微前端架构...

  • Web 项目姿势预备

    java在框架中的应用。如快速在list中找到一个name 为特定值的entity; 前端知识,前端是硬伤。需要补...

  • 实战VUE:增强axios(含完整代码)

    在前后端分离的Web应用中,前端需要大量访问后端的API。在VUE实现的应用中,我们可以通过封装axios包,增强...

  • 微前端——qiankun(乾坤)实例

    一、什么是微前端 微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在...

  • 2019-02-17

    关于前端单页面应用 1.前端单页面应用就是在一个主要的界面上和用户进行交互,在交互的过程中不需要重载一整个新的页面...

网友评论

      本文标题:unicode在前端中的应用

      本文链接:https://www.haomeiwen.com/subject/tlxrgqtx.html