前端 js 经典:字符编码详解

news/2024/4/29 3:52:58

前言:计算机只能识别二进制,开发语言中数据类型还有数字,字母,中文,特殊符号等,都需要转化成二进制编码才能让技术机识别。

一. 编码方式

ACSLL、Unicode、utf-8、URL 编码、base64 等。

1. ACSLL

对英语字符与二进制位之间的关系,做了统一规定。这被称为 ASCII 码。标准 ACSLL 有 128 个字符(2^7)。分为 33 个不可见字符,95 个可见字符。这 128 个符号,只占用了一个字节的后面 7 位,最前面的一位统一规定为`0`。后面扩展为 EASCLL 有 256 个字符(2^8)

33 个不可见字符:用于进行终端的换行、响铃、删除等动作,在这不做缀叙。

95 个可见字符:48-57 代表 0-9 数字,65-90 代表大写字母 A-Z,97-122 代表小写字母 a-z,剩下的 32-126 代表 ! " # 等字符。

2. Unicode

Unicode 将世界上所有的符号都纳入其中,这是一种所有符号的编码。统一码(Unicode)规定了每个字符的数字编号,这个编号被称为码点(code point)。码点以 U+hex 的形式表示,U+是代表 Unicode 的前缀,而 hex 是一个 16 进制数。取值范围是从 U+0000 到 U+10FFFF。

Unicode 通常为两个字节,对于英文字符的一个字节即可表示,高位字节补 0,这样对比 ASCII 编码存储空间就会翻倍,在存储和传输上就十分不划算。这就会使得 Unicode 编码一时间很难推广。于是,为了较好的解决 Unicode 的编码问题, UTF-8 和 UTF-16、UTF-32 应运而生(UTF-8 是 8 位的单字节码元,UTF-16 是 16 位的双字节码元,UTF-32 是 32 位的四字节码元)。UTF 是 Unicode TransferFormat 的缩写。

3. utf-8

UTF-8 是 Unicode 使用最广的实现方式之一,UTF-8 最大的一个特点,就是它是一种变长的编码方式。它可以使用 1~4 个字节表示一个符号,根据不同的符号而变化字节长度

4. URL 编码

因为 URL 只能包含标准的 ASCII 字符,所以必须对其他特殊字符进行编码。

JavaScript 提供了四个 URL 的编码/解码方法,可以用于将非 ASCII 码的字符,如中文字符、特殊字符、表情字符等,进行 UTF-8 的编解码操作:

编码:encodeURI() 和 encodeURIComponent()

解码:decodeURI() 和 decodeURIComponent()

encodeURI 与 encodeURIComponent 区别:encodeURI 通常用于转码整个 URL,不会对 URL 元字符以及语义字符进行转码。encodeURIComponent 通常只用于转码 URL 组成部分,如 URL 中?后的一串;会转码除了语义字符之外的所有字符,即元字符也会被转码

5. base64

在图片比较多的情况为了减少 http 请求,图片地址会用 base64 编码。格式:data:图片类型 ; 编码类型, data 字符串数据

例子:<img width="900" height="450" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAqCAYAAA...."/>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/11823.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

方案分享 | 嵌入式指纹方案

随着智能设备的持续发展&#xff0c;指纹识别技术成为了现在智能终端市场和移动支付市场中占有率最高的生物识别技术。凭借高识别率、短耗时等优势&#xff0c;被广泛地运用在智能门锁、智能手机、智能家居等设备上。 我们推荐的品牌早已在2015年进入指纹识别应用领域&#xff…

【干货】零售商的商品规划策略

商品规划&#xff0c;无疑是零售业的生命之源&#xff0c;是推动业务腾飞的强大引擎。一个精心策划的商品规划策略&#xff0c;不仅能帮助零售商在激烈的市场竞争中稳固立足&#xff0c;更能精准捕捉客户需求&#xff0c;实现利润最大化。以下&#xff0c;我们将深入探讨零售商…

C++ //练习 11.14 扩展你在11.2.1节练习(第378页)中编写的孩子姓到名的map,添加一个pair的vector,保存孩子的名和生日。

C Primer&#xff08;第5版&#xff09; 练习 11.14 练习 11.14 扩展你在11.2.1节练习&#xff08;第378页&#xff09;中编写的孩子姓到名的map&#xff0c;添加一个pair的vector&#xff0c;保存孩子的名和生日。 环境&#xff1a;Linux Ubuntu&#xff08;云服务器&#x…

【超简单】基于PaddleSpeech搭建个人语音听写服务

一、【超简单】之基于PaddleSpeech搭建个人语音听写服务 1.需求分析 亲们,你们要写会议纪要嘛?亲们,你们要写会议纪要嘛?亲们,你们要写会议纪要嘛?当您面对成吨的会议录音,着急写会议纪要而不得不愚公移山、人海战术?听的头晕眼花,听的漏洞百出,听的怀疑人生,那么你…

开启 Keep-Alive 可能会导致http 请求偶发失败

大家好&#xff0c;我是蓝胖子&#xff0c;说起提高http的传输效率&#xff0c;很多人会开启http的Keep-Alive选项&#xff0c;这会http请求能够复用tcp连接&#xff0c;节省了握手的开销。但开启Keep-Alive真的没有问题吗&#xff1f;我们来细细分析下。 最大空闲时间造成请求…

【APUE】网络socket编程温度采集智能存储与上报项目技术------多路复用

作者简介&#xff1a; 一个平凡而乐于分享的小比特&#xff0c;中南民族大学通信工程专业研究生在读&#xff0c;研究方向无线联邦学习 擅长领域&#xff1a;驱动开发&#xff0c;嵌入式软件开发&#xff0c;BSP开发 作者主页&#xff1a;一个平凡而乐于分享的小比特的个人主页…