思考一下，为什么有字符编码这种东西？

当然是为了让计算机“听话”呗。我们知道，计算机的世界只有01这两个字符，而我们现实世界有成千上万的字符。如何用01的组合去和现实中的字符一一对应呢？这就是需要制定相应的编码规则来实现了。明白了这点，我们正式开始编码的讲解。

ASCII码

我们知道，在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（Bit）有0和1两种状态，因此八个二进制位就可以组合出256种状态（-128~127），这被称为一个字节（byte）。也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从0000000到11111111。

上个世纪60年代，美国制定了一套字符编码，对英语字符与二进制位之间的关系，做了统一规定。这被称为ASCII码，一直沿用至今。

ASCII码一共规定了128个字符的编码，比如空格“SPACE”是32（二进制00100000），大写的字母A是65（二进制01000001）。这128个符号（包括32个不能打印出来的控制符号），只占用了一个字节的后面7位，最前面的1位统一规定为0。

  • 出现了unicode的多种存储方式，也就是说有许多种不同的二进制格式，可以用来表示unicode。
  • unicode在很长一段时间内无法推广，直到互联网的出现。

    • UTF-8

    互联网的普及，强烈要求出现一种统一的编码方式。UTF-8就是在互联网上使用最广的一种unicode的实现方式。其他实现方式还包括UTF-16和UTF-32，不过在互联网上基本不用。重复一遍，这里的关系是，UTF-8是Unicode的实现方式之一。

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

    UTF-8的编码规则很简单，只有二条：

    1. 对于单字节的符号，字节的第一位设为0，后面7位为这个符号的unicode码。因此对于英语字母，UTF-8编码和ASCII码是相同的。
    2. 对于n字节的符号（n>1），第一个字节的前n位都设为1，第n 1位设为0，后面字节的前两位一律设为10。剩下的没有提及的二进制位，全部为这个符号的unicode码。

    下表总结了编码规则，字母x表示可用编码的位。

    Unicode符号范围 | UTF-8编码方式(十六进制) | (二进制)-------------------- ---------------------------------------------0000 0000-0000 007F | 0xxxxxxx0000 0080-0000 07FF | 110xxxxx 10xxxxxx0000 0800-0000 FFFF | 1110xxxx 10xxxxxx 10xxxxxx0001 0000-0010 FFFF | 11110xxx 10xxxxxx 10xxxxxx 10xxxxxx

    下面，还是以汉字“严”为例，演示如何实现UTF-8编码。

    已知“严”的unicode是4E25（100111000100101），根据上表，可以发现4E25处在第三行的范围内（0000 0800-0000 FFFF），因此“严”的UTF-8编码需要三个字节，即格式是“1110xxxx 10xxxxxx 10xxxxxx”。然后，从“严”的最后一个二进制位开始，依次从后向前填入格式中的x，多出的位补0。这样就得到了，“严”的UTF-8编码是“11100100 10111000 10100101”，转换成十六进制就是E4B8A5。

    那unicode和UTF-8有何区别？Unicode 是「字符集」UTF-8 是「编码规则」

    字符集：为每一个「字符」分配一个唯一的 ID（学名为码位 / 码点 / Code Point）编码规则：将「码点」转换为字节序列的规则

    BCD码

    上面讲的是字符编码，是指一个字符对应的一个二进制数。而BCD码是计算机在对十进制数做运算或存储时采用的二进制格式。

    Binary-Coded Decimal‎，简称BCD，称BCD码或二-十进制代码，亦称二进码十进数。是一种二进制的数字编码形式，用二进制编码的十进制代码。这种编码形式利用了四个位元来储存一个十进制的数码，使二进制和十进制之间的转换得以快捷的进行。

    BCD码的优点是效率高：比如十进制要以二进制的形式在计算机中存储，十进制直接转换成与之对应的BCD码比十进制通过除法取余再转换的效率来的高。

    Base64编码

    定义：Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。

    为什么会有base64？ 由于HTTP协议是文本协议，所以在HTTP协议下传输二进制数据需要将二进制数据转换为字符数据。然而直接转换是不行的。因为网络传输只能传输可打印字符。

    问： 什么是“可打印字符”呢？答： 在ASCII码中规定，0~31、128这33个字符属于控制字符，32~127这95个字符属于可打印字符，也就是说网络传输只能传输这95个字符，不在这个范围内的字符无法传输。

    问： 那么该怎么才能传输其他字符呢？答： 其中一种方式就是使用Base64。Base64一般用于在HTTP协议下传输二进制数据。

    base64实现原理Base64的索引与对应字符的关系如下表所示：

    字符编码几种方法（带你走进字符编码的世界）(1)

    也就是说，如果将索引转换为对应的二进制数据的话需要至多6个Bit(2^6=64)。然而ASCII码需要8个Bit来表示，那么怎么使用6个Bit来表示8个Bit的数据呢？6个Bit当然不能存储8个Bit的数据，但是46个Bit可以存储38个Bit的数据啊

    字符编码几种方法（带你走进字符编码的世界）(2)

    可以看到“Son”通过Base64编码转换成了“U29u”。这是刚刚好的情况，3个ASCII字符刚好转换成对应的4个Base64字符。但是，当需要转换的字符数不是3的倍数的情况下该怎么办呢？Base64规定，当需要转换的字符不是3的倍数时，一律采用补0的方式凑足3的倍数，具体如下表所示：

    字符编码几种方法（带你走进字符编码的世界）(3)

    每6个Bit为一组，第一组转换后为字符“U”，第二组末尾补4个0转换后为字符“w”。剩下的使用“=”替代。即字符“S”通过Base64编码后为“Uw==”。这就是Base64的编码过程。

    好了，原理懂了，那么如果要进行base64编码，我们该怎么做呢？自己撸一个方法？找一个库？都行，但是HTML规范中已经规定了base64转换的API，window对象上可以访问到base64编码和解码的方法，直接调用即可。window.atob() // 对base64编码过的字符串进行解码window.btoa() // 对ASCII编码的字符串进行base64编码（不支持汉字，汉字可通过URIencode预处理后再编码）

    base64有哪些应用场景前端将较小的icon编码为base64直接在文档中加载，减少http请求电子邮件传输二进制文件时，通常用base64编码后再传

    注意base64编码后的数据量是要比编码前大的，所以base64不能用于减少数据量。base64不能用于加密数据，即使使用私有的索引表也是不安全的。

    关于转中文出错：btoa("中文") // The string to be encoded contains characters outside of the Latin1 range.意思就是超出支持范围，ASCII。

    但是，如果你非要使用btoa来base64转码中文，也不是不行，就是略微蛋疼。如下：

    MIME类型

    每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。

    常见的MIME类型(通用型)：超文本标记语言文本 .html text/htmlxml文档 .xml text/xmlXHTML文档 .xhtml application/xhtml xml普通文本 .txt text/plainRTF文本 .rtf application/rtfPDF文档 .pdf application/pdfMicrosoft Word文件 .word application/mswordPNG图像 .png image/pngGIF图形 .gif image/gifJPEG图形 .jpeg,.jpg image/jpegau声音文件 .au audio/basicMIDI音乐文件 mid,.midi audio/midi,audio/x-midiRealAudio音乐文件 .ra, .ram audio/x-pn-realaudioMPEG文件 .mpg,.mpeg video/mpegAVI文件 .avi video/x-msvideoGZIP文件 .gz application/x-gzipTAR文件 .tar application/x-tar任意的二进制数据 application/octet-stream

    URI编码解码

    URL传输过程？HTTP协议中参数组件的传输是key=value键值对的形式，如果要传输多个参数就需要用“&”符号对键值对进行分隔。例如?name1=value1&name2=$value2,这样在服务器收到这种字符串的时候，会用“&”分隔出每一个参数，然后再用“=”来分隔出参数值。

    针对name1=value1&name2=value2我们来说一下客户端到服务器端的概念上解析过程：

    上述字符串在计算机中用ASCII码（16进制）表示为：6E616D6531 3D 76616C756531 26 6E616D6532 3D 76616C756532

    服务器端在接收到该数据后就可以遍历该字节流，首先一个字节一个字节的读取，当读到3D这个字节的时候，服务器端就知道前面读到的字节串表示一个key，继续读取，如果遇到了26，表示从刚才读到的3D到26字节之间的字节串是上一个key的value，按照此方法就可以解析出客户端传过来的参数。

    现在又这样一个问题：如果我的参数值中就包含=或者&这样的特殊子字符的时候，该怎么办。比如说name1=value1,其中value1的值是va&lu=e1，那么在传输过程中就会变成name1=va&lu=e1。用户传输的本意是只有一个键值对，但是服务器端会解析成两个键值对，这样就自然的产生了歧义。

    如何解决上述问题带来的歧义呢？解决之法就是对URL进行编码!!!

    URL编码只是简单的在特殊字符的各个字节（16进制）前加上”%”即可。例如，我们对上述会产生歧义的字符(“va&lu=e1”)进行编码后的结果：name1=va&lu=，这样服务器会把紧跟在”%”后的字节当成普通的字节，不会把它当成各个参数或键值对的分隔符。

    另外一个问题是，为什么要用ASCII码传输，可不可以用别的编码？因为一些历史的原因URL设计者使用US-ASCII字符集表示URL。（原因比如ASCII比较简单；所有的系统都支持ASCII）。当然可以用别的编码，你可以自己开发一套编码然后自己进行解析。就像大部分国家都有自己的语言一样。但是国家之间要怎么进行交流呢，用英语吧，英语的使用范围最广。

    通常如果一样的东西需要编码，就说明这样的东西并不适合传输。至于原因有多种多样，size过大，包含隐私数据等等。对于URL来说，之所有要进行编码，是因为URL中有些字符会引起歧义。例如，URL参数字符串中如果包含”&”或者”%”势必会造成服务器解析错误，所以需要对其进行编码。又如，URL的编码格式采用的是ASCII码而不是Unicode，这也就是说你不能在URL中包含任何非ASCII字符，比如中文。否则如果客户端浏览器和服务器端浏览器支持的字符集不同的情况下，中文可能会造成问题。

    URL编码的原则就是使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。

    哪些字符需要编码RFC3986文档规定，URL中只允许包含英文字母（a-zA-Z）、数字（0-9）、- _ . ~4个特殊字符以及所有的保留字符。RFC3986文档对URL的编码解码问题做出了详细的建议，指出了哪些字符需要被编码才不会引起URL语义的转变，以及对为什么这些字符需要编码做出了相应的解释。

    US-ASCII字符集中没有对应的可打印字符：URL中只允许使用可打印的字符。US-ASCII码中的10-7F字节全都表示控制字符，这些字符不能直接出现在URL中。同时对于80-FF字节，由于已经超出了ASCII码定义字符的范围，因此也不能放在URL中。

    保留字符：RUL可以划分为干了组件，协议、主机、路径等。有一些字符（： / ? # [ ] @）是用作分隔不同组件的。例如：冒号用于分隔协议和主机组件，斜杠用于分隔主机和路径，问号用于分隔路径和查询参数，等等。还有一些字符（! $ & * , ; =）用于在每个组件中起到分隔作用，如等号用于表示查询参数中的键值对，&符号用于分隔查询多个键值对。当组件中的普通数据包含这些特殊字符时，需要对其进行编码。

    RFC3986中指定了以下字符为保留字符： ！ * ’ ( ) ; : @ & = $ , / ? # [ ]

    不安全字符：还有一些字符，当他们直接放在URL中的时候，可能会引起解析程序的歧义。这些字符被视为不安全的字符，原因有很多。

    空格：URL在传输的过程，或者用户在排版的过程中，或者文本处理程序在处理URL的过程，都有可能引入无关紧要的空格，或者将那些有意义的空格给去掉。引号 以及 <>：引号和尖括号通常用于在普通文本中起到分隔URL的作用。警号#：通常用于表示书签或者锚点。%：百分号本身用作对不安全的字符进行编码是使用的特殊字符，因此本身需要编码。{ } | ^ [ ] ’ ~：某一些网关或者传输代理会篡改这些字符

    需要注意的是，对于URL中的合法字符，编码和不编码是等价的，但是对于上边提到的这些字符，如果不经过编码，那么它们可能会造成URL语义的不同。因此对于URL而言，只有普通英文字符和数字，特殊字符$ - _ . ! * ’ ( )还有保留字符，才能出现在未经编码的Url中，其他字符均需要编码之后才能出现在URL中。但是由于历史原因，目前尚存在一些不标准的编码实现，例如对于”~”符号，虽然RFC3986文档规定，对于波浪号~不需要进行URL编码，但是还是有很多老的网关或者传输代理会进行编码。

    如何对URL中的非法字符进行编码?

    URL编码通常也被称为百分号编码，是因为它的编码方式非常简单，使用%加上两位字符———[0-9A-F]———代表一个字节的十六进制的形式。URL编码默认使用的字符集是US-ASCII码，例如a在US-ASCII码中对应的字节值是0x61,那么URL编码之后得到的就是a,我们在地址栏中输入http://g.cn/search?q=abc，实际上就等于在google中搜索abc。又如@符号在ASCII字符集中对应的字节为0x40，经过URL编码之后得到的就是@。

    对于非ASCII字符，需要使用ASCII字符集的超集进行编码得到相应的字节，然后对每个字节执行百分号编码。对于Unicode字符，RFC文档建议使用utf-8对其进行编码得到相应的字节，然后对每个字节执行百分号编码。如”中文”使用UTF-8编码得到的字节是0xE4 0xB8 0xAD 0xE6 0x96 0x87,经过URL编码之后得到中文。

    如果某个字符对应的ASCII字符集中的某个非保留字符，则此字节无需使用百分号表示。例如”Url编码”,使用UTF-8编码得到的字节是0x55 0x72 0x6C 0xE7 0xBC 0x96 0xE7 0xA0 0x81,由于前三个字节对应着ASCII中的非保留字符”Url”,因此这三个字节可以用非保留字符”Url”表示。最终”Url编码”经过编码之后得到的是Url编码,当然，如果你用Url编码也是可以的。

    由于历史原因，有一些Url编码实现并不完全遵循这样的原则。JS中提供3个函数对URL进行编码和解码：escape/unescape,encodeURI/decodeURI,encodeURIComponent/decodeURIComponent。

    区别这三对函数的安全字符（即不需要编码的字符）范围也不同，如下所示：

    escape（69个）：/@ -._0-9a-zA-ZencodeURI（82个）：!#$&'() ,/:;=?@-._~0-9a-zA-ZencodeURIComponent（71个）：!'()*-._~0-9a-zA-Z

    现在对比encodeURI和encodeURIComponent，从名称上可看出encodeURI是针对整个URI进行编码，我们以特殊的URI--URL来说明下。

    对于URL为http://www.baidu.com而言，如果用encodeURI编码，返回的仍是“http://www.baidu.com”；如果用encodeURIComponent编码，返回的为"http://www.baidu.com"。

    encodeURI所针对的是整个URI，并不会对分隔符如/,?,=符号进行编码，否则破坏了URI的原有含义，而encodeURIComponent则是针对URI的

    某一部分进行编码，如查询字符串部分的&会被转义。

    ,