資訊專欄INFORMATION COLUMN
摘要：所以說，相比更接近真實(shí)的二進(jìn)制，更底層。是原始的二進(jìn)制數(shù)據(jù)緩沖區(qū)，不能設(shè)置類型可以儲(chǔ)存大量的二進(jìn)制編碼格式的數(shù)據(jù)，可以設(shè)置對象的類型。類型是描述消息內(nèi)容類型的因特網(wǎng)標(biāo)準(zhǔn)。消息能包含文本圖像音頻視頻以及其他應(yīng)用程序?qū)Ｓ玫臄?shù)據(jù)。
ArrayBuffer
ArrayBuffer對象表示原始的二進(jìn)制數(shù)據(jù)緩沖區(qū)，即在內(nèi)存中分配指定大小的二進(jìn)制緩沖區(qū)（容器），用于存儲(chǔ)各種類型化數(shù)組的數(shù)據(jù)，是最基礎(chǔ)的原始數(shù)據(jù)容器，無法直接讀取或?qū)懭耄?需要通過具體視圖來讀取或?qū)懭耄碩ypedArray對象或DataView對象對內(nèi)存大小進(jìn)行讀取或?qū)懭耄?/p> blob
Blob(binary large object)，二進(jìn)制類文件大對象，是一個(gè)可以存儲(chǔ)二進(jìn)制文件的“容器”，HTML5中的Blob對象除了存放二進(jìn)制數(shù)據(jù)外還可以設(shè)置這個(gè)數(shù)據(jù)的MIME類型。File接口基于Blob，繼承了 blob 的功能并將其擴(kuò)展使其支持用戶系統(tǒng)上的文件。
區(qū)別ArrayBuffer的數(shù)據(jù)，是可以按照字節(jié)去操作的，而Blob的只能作為一個(gè)整的對象去處理。所以說，ArrayBuffer相比Blob更接近真實(shí)的二進(jìn)制，更底層。
Blob和ArrayBuffer都能存儲(chǔ)二進(jìn)制數(shù)據(jù)。Blob相對而言儲(chǔ)存的二進(jìn)制數(shù)據(jù)大（如File文件對象）。
ArrayBuffer是原始的二進(jìn)制數(shù)據(jù)緩沖區(qū)，不能設(shè)置MIME類型；Blob可以儲(chǔ)存大量的二進(jìn)制編碼格式的數(shù)據(jù)，可以設(shè)置對象的MIME類型。
MIME 類型MIME (Multipurpose Internet Mail Extensions) 是描述消息內(nèi)容類型的因特網(wǎng)標(biāo)準(zhǔn)。
MIME 消息能包含文本、圖像、音頻、視頻以及其他應(yīng)用程序?qū)Ｓ玫臄?shù)據(jù)。
Base64編碼我們知道，我們所看到的網(wǎng)頁上的每一個(gè)圖片，都是需要消耗一個(gè) http 請求下載而來的（所有才有了 csssprites 技術(shù)的應(yīng)運(yùn)而生，但是 csssprites 有自身的局限性，下文會(huì)提到）。
沒錯(cuò)，不管如何，圖片的下載始終都要向服務(wù)器發(fā)出請求，要是圖片的下載不用向服務(wù)器發(fā)出請求，而可以隨著 HTML 的下載同時(shí)下載到本地那就太好了，而 base64 正好能解決這個(gè)問題。
雖然能直接顯示圖片，然而，與之同時(shí)付出的代價(jià)則是 CSS 文件體積的增大。
Base64編碼規(guī)則
Base64是網(wǎng)絡(luò)上最常見的用于傳輸8Bit字節(jié)碼的編碼方式之一，Base64就是一種基于64個(gè)可打印字符來表示二進(jìn)制數(shù)據(jù)的方法。
①.把3個(gè)字符變成4個(gè)字符。
②每76個(gè)字符加一個(gè)換行符。
③.最后的結(jié)束符也要處理。
轉(zhuǎn)碼過程例子：
3*8=4*6
內(nèi)存1個(gè)字節(jié)占8位
轉(zhuǎn)前： s 1 3
先轉(zhuǎn)成ascii：對應(yīng) 115 49 51
2進(jìn)制： 01110011 00110001 00110011
6個(gè)一組（4組） 011100110011000100110011
然后才有后面的 011100 110011 000100 110011
然后計(jì)算機(jī)一個(gè)字節(jié)占8位，不夠就自動(dòng)補(bǔ)兩個(gè)高位0了
所以有了高位補(bǔ)0
科學(xué)計(jì)算器輸入 00011100 00110011 00000100 00110011
得到 28 51 4 51
查對下照表 c z E z
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/106477.html
摘要：位無符號整數(shù)，長度個(gè)字節(jié)，溢出處理為最大值。所以你拿到的英文字母編碼前后一樣的，但是漢字等字符就不同了。為了直接得到漢字的碼，使用其實(shí)還可以選擇使用處理漢字，但是英文又不能正常轉(zhuǎn)換了。 原文鏈接：https://ssshooter.com/2019-04... 之前做文件上傳和 canvas 修圖時(shí)接觸到幾個(gè)格式，這里打算整理一下他們的關(guān)系 Blob 使用 input 獲取文件時(shí)，你...
摘要：前端中的二進(jìn)制以及相關(guān)操作與轉(zhuǎn)換最近工作中遇到了很多有關(guān)二進(jìn)制的處理，如的生成，多個(gè)的打包，音頻的拼接。數(shù)據(jù)輸出或者叫數(shù)據(jù)展示或者下載，數(shù)據(jù)經(jīng)二進(jìn)制處理后可以由表示，然后通過等元素引用或者直接下載。 前端中的二進(jìn)制以及相關(guān)操作與轉(zhuǎn)換 最近工作中遇到了很多有關(guān)二進(jìn)制的處理，如PDF的生成，多個(gè)PDF的打包，音頻的拼接。為了數(shù)據(jù)的一致性，以及減少與后端通信的復(fù)雜度，工作量都在瀏覽器端。 瀏...
摘要：最近接手了一個(gè)項(xiàng)目接觸到一些對文件操作的業(yè)務(wù)所以在這邊整理一下日常用到的處理方式當(dāng)學(xué)習(xí)筆記吧有不對的地方歡迎指正哈首先我們來看一下這個(gè)萬能的對象就如同它的名字一樣就是個(gè)文件讀取器之所以說它是個(gè)萬能的對象是因?yàn)樗梢宰x取任意格式的內(nèi)容最近我嘗 最近接手了一個(gè)項(xiàng)目,接觸到一些對文件操作的業(yè)務(wù).所以在這邊整理一下日常用到的處理方式,當(dāng)學(xué)習(xí)筆記吧,有不對的地方,歡迎指正哈 FileReader...
閱讀 1605·2021-09-23 11:31
閱讀 920·2021-09-23 11:22
閱讀 1337·2021-09-22 15:41
閱讀 4062·2021-09-03 10:28
閱讀 2907·2019-08-30 15:55
閱讀 3536·2019-08-30 15:55
閱讀 1942·2019-08-30 15:44
閱讀 2712·2019-08-30 13:50
