亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript前端開發(fā)之實現(xiàn)二進(jìn)制讀寫操作

 更新時間:2015年11月04日 09:11:15   作者:double Net  
這篇文章主要介紹了JavaScript前端開發(fā)之實現(xiàn)二進(jìn)制讀寫操作的相關(guān)資料,需要的朋友可以參考下

關(guān)于javascript前端開發(fā)之實現(xiàn)二進(jìn)制讀寫操作的相關(guān)介紹,請看以下內(nèi)容詳解,本文介紹的非常詳細(xì),具有參考價值。

由于種種原因,在瀏覽器中無法像nodejs那樣操作二進(jìn)制。

最近寫了一個在瀏覽器端操作讀寫二進(jìn)制的幫助類

!function (entrance) {
  "use strict";
  if ("object" === typeof exports && "undefined" !== typeof module) {
    module.exports = entrance();
  } else if ("function" === typeof define && define.amd) {
    define([], entrance());
  } else {
    var f;
    if ("undefined" !== typeof window) {
      f = window;
    } else {
      throw new Error('wrong execution environment');
    }
    f.TinyStream = entrance();
  }
}(function () {
  var binaryPot = {
    /**
     * 初始化字節(jié)流,把-128至128的區(qū)間改為0-256的區(qū)間.便于計算
     * @param {Array} array 字節(jié)流數(shù)組
     * @return {Array} 轉(zhuǎn)化好的字節(jié)流數(shù)組
     */
    init: function (array) {
      for (var i = 0; i < array.length; i++) {
        array[i] *= 1;
        if (array[i] < 0) {
          array[i] += 256
        }
        if(array[i]>255){
          throw new Error('不合法字節(jié)流')
        }
      }
      return array;
    },
    /**
     * 把一段字符串按照utf8編碼寫到緩沖區(qū)中
     * @param {String} str 將要寫入緩沖區(qū)的字符串
     * @param {Boolean} isGetBytes 是否只得到內(nèi)容字節(jié)(不包括最開始的兩位占位字節(jié))
     * @returns {Array} 字節(jié)流
     */
    writeUTF: function (str, isGetBytes) {
      var back = [],
        byteSize = 0;
      for (var i = 0; i < str.length; i++) {
        var code = str.charCodeAt(i);
        if (code >= 0 && code <= 127) {
          byteSize += 1;
          back.push(code);
        } else if (code >= 128 && code <= 2047) {
          byteSize += 2;
          back.push((192 | (31 & (code >> 6))));
          back.push((128 | (63 & code)))
        } else if (code >= 2048 && code <= 65535) {
          byteSize += 3;
          back.push((224 | (15 & (code >> 12))));
          back.push((128 | (63 & (code >> 6))));
          back.push((128 | (63 & code)))
        }
      }
      for (i = 0; i < back.length; i++) {
        if (back[i] > 255) {
          back[i] &= 255
        }
      }
      if (isGetBytes) {
        return back
      }
      if (byteSize <= 255) {
        return [0, byteSize].concat(back);
      } else {
        return [byteSize >> 8, byteSize & 255].concat(back);
      }
    },
    /**
     * 把一串字節(jié)流按照utf8編碼讀取出來
     * @param arr 字節(jié)流
     * @returns {String} 讀取出來的字符串
     */
    readUTF: function (arr) {
      if (Object.prototype.toString.call(arr) == "[object String]") {
        return arr;
      }
      var UTF = "",
        _arr = this.init(arr);
      for (var i = 0; i < _arr.length; i++) {
        var one = _arr[i].toString(2),
          v = one.match(/^1+?(?=0)/);
        if (v && one.length == 8) {
          var bytesLength = v[0].length,
            store = _arr[i].toString(2).slice(7 - bytesLength);
          for (var st = 1; st < bytesLength; st++) {
            store += _arr[st + i].toString(2).slice(2)
          }
          UTF += String.fromCharCode(parseInt(store, 2));
          i += bytesLength - 1
        } else {
          UTF += String.fromCharCode(_arr[i])
        }
      }
      return UTF
    },
    /**
     * 轉(zhuǎn)換成Stream對象
     * @param x
     * @returns {Stream}
     */
    convertStream: function (x) {
      if (x instanceof Stream) {
        return x
      } else {
        return new Stream(x)
      }
    },
    /**
     * 把一段字符串轉(zhuǎn)為mqtt格式
     * @param str
     * @returns {*|Array}
     */
    toMQttString: function (str) {
      return this.writeUTF(str)
    }
  };
  /**
   * 讀取指定長度的字節(jié)流到指定數(shù)組中
   * @param {Stream} m Stream實例
   * @param {number} i 讀取的長度
   * @param {Array} a 存入的數(shù)組
   * @returns {Array} 存入的數(shù)組
   */
  function baseRead(m, i, a) {
    var t = a ? a : [];
    for (var start = 0; start < i; start++) {
      t[start] = m.pool[m.position++]
    }
    return t
  }
  /**
   * 判斷瀏覽器是否支持ArrayBuffer
   */
  var supportArrayBuffer = (function () {
    return !!window.ArrayBuffer;
  })();
  /**
   * 字節(jié)流處理實體類
   * @param {String|Array} array 初始化字節(jié)流,如果是字符串則按照UTF8的格式寫入緩沖區(qū)
   * @constructor
   */
  function Stream(array) {
    if (!(this instanceof Stream)) {
      return new Stream(array);
    }
    /**
     * 字節(jié)流緩沖區(qū)
     * @type {Array}
     */
    this.pool = [];
    if (Object.prototype.toString.call(array) === '[object Array]') {
      this.pool = binaryPot.init(array);
    } else if (Object.prototype.toString.call(array) == "[object ArrayBuffer]") {
      var arr = new Int8Array(array);
      this.pool = binaryPot.init([].slice.call(arr));
    } else if (typeof array === 'string') {
      this.pool = binaryPot.writeUTF(array);
    }
    var self = this;
    //當(dāng)前流執(zhí)行的起始位置
    this.position = 0;
    //當(dāng)前流寫入的多少字節(jié)
    this.writen = 0;
    //返回當(dāng)前流執(zhí)行的起始位置是否已經(jīng)大于整個流的長度
    this.check = function () {
      return self.position >= self.pool.length
    };
  }
  /**
   * 強(qiáng)制轉(zhuǎn)換為Stream對象
   * @param x
   * @returns {*|Stream}
   */
  Stream.parse = function (x) {
    return binaryPot.convertStream(x);
  };
  Stream.prototype = {
    /**
     * 從緩沖區(qū)讀取4個字節(jié)的長度并轉(zhuǎn)換為int值,position往后移4位
     * @returns {Number} 讀取到的數(shù)字
     * @description 如果position大于等于緩沖區(qū)的長度則返回-1
     */
    readInt: function () {
      if (this.check()) {
        return -1
      }
      var end = "";
      for (var i = 0; i < 4; i++) {
        end += this.pool[this.position++].toString(16)
      }
      return parseInt(end, 16);
    },
    /**
     * 從緩沖區(qū)讀取1個字節(jié),position往后移1位
     * @returns {Number}
     * @description 如果position大于等于緩沖區(qū)的長度則返回-1
     */
    readByte: function () {
      if (this.check()) {
        return -1
      }
      var val = this.pool[this.position++];
      if (val > 255) {
        val &= 255;
      }
      return val;
    },
    /**
     * 從緩沖區(qū)讀取1個字節(jié),或讀取指定長度的字節(jié)到傳入的數(shù)組中,position往后移1或bytesArray.length位
     * @param {Array|undefined} bytesArray
     * @returns {Array|Number}
     */
    read: function (bytesArray) {
      if (this.check()) {
        return -1
      }
      if (bytesArray) {
        return baseRead(this, bytesArray.length | 0, bytesArray)
      } else {
        return this.readByte();
      }
    },
    /**
     * 從緩沖區(qū)的position位置按UTF8的格式讀取字符串,position往后移指定的長度
     * @returns {String} 讀取的字符串
     */
    readUTF: function () {
      var big = (this.readByte() << 8) | this.readByte();
      return binaryPot.readUTF(this.pool.slice(this.position, this.position += big));
    },
    /**
     * 把字節(jié)流寫入緩沖區(qū),writen往后移指定的位
     * @param {Number|Array} _byte 寫入緩沖區(qū)的字節(jié)(流)
     * @returns {Array} 寫入的字節(jié)流
     */
    write: function (_byte) {
      var b = _byte;
      if (Object.prototype.toString.call(b).toLowerCase() == "[object array]") {
        [].push.apply(this.pool, b);
        this.writen += b.length;
      } else {
        if (+b == b) {
          if (b > 255) {
            b &= 255;
          }
          this.pool.push(b);
          this.writen++
        }
      }
      return b
    },
    /**
     * 把參數(shù)當(dāng)成char類型寫入緩沖區(qū),writen往后移2位
     * @param {Number} v 寫入緩沖區(qū)的字節(jié)
     */
    writeChar: function (v) {
      if (+v != v) {
        throw new Error("writeChar:arguments type is error")
      }
      this.write((v >> 8) & 255);
      this.write(v & 255);
      this.writen += 2
    },
    /**
     * 把字符串按照UTF8的格式寫入緩沖區(qū),writen往后移指定的位
     * @param {String} str 字符串
     * @return {Array} 緩沖區(qū)
     */
    writeUTF: function (str) {
      var val = binaryPot.writeUTF(str);
      [].push.apply(this.pool, val);
      this.writen += val.length;
    },
    /**
     * 把緩沖區(qū)字節(jié)流的格式從0至256的區(qū)間改為-128至128的區(qū)間
     * @returns {Array} 轉(zhuǎn)換后的字節(jié)流
     */
    toComplements: function () {
      var _tPool = this.pool;
      for (var i = 0; i < _tPool.length; i++) {
        if (_tPool[i] > 128) {
          _tPool[i] -= 256
        }
      }
      return _tPool
    },
    /**
     * 獲取整個緩沖區(qū)的字節(jié)
     * @param {Boolean} isCom 是否轉(zhuǎn)換字節(jié)流區(qū)間
     * @returns {Array} 轉(zhuǎn)換后的緩沖區(qū)
     */
    getBytesArray: function (isCom) {
      if (isCom) {
        return this.toComplements()
      }
      return this.pool
    },
    /**
     * 把緩沖區(qū)的字節(jié)流轉(zhuǎn)換為ArrayBuffer
     * @returns {ArrayBuffer}
     * @throw {Error} 不支持ArrayBuffer
     */
    toArrayBuffer: function () {
      if (supportArrayBuffer) {
        return new ArrayBuffer(this.getBytesArray());
      } else {
        throw new Error('not support arraybuffer');
      }
    },
    clear: function () {
      this.pool = [];
      this.writen = this.position = 0;
    }
  };
  return Stream;
});

如何使用?

<script src="binary.js"></script>
<script>
   var ts = TinyStream('我叫張亞濤');
   ts.writeUTF('你好');
   console.log('獲取緩沖區(qū)字節(jié)流:',ts.getBytesArray());
   console.log('當(dāng)前的緩沖區(qū)position為:',ts.position,'writen為:',ts.writen);
   console.log('讀取第一個utf8字節(jié)流:',ts.readUTF());
   console.log('當(dāng)前的緩沖區(qū)position為:',ts.position,'writen為:',ts.writen);
   console.log('讀取第二個utf8字節(jié)流:',ts.readUTF());
   console.log('當(dāng)前的緩沖區(qū)position為:',ts.position,'writen為:',ts.writen);
</script>

以后,我可以不用為瀏覽器段處理二進(jìn)制而發(fā)愁了?。?!希望本文分享對大家學(xué)習(xí)javascript二進(jìn)制相關(guān)知識有所幫助。

相關(guān)文章

  • 原生Javascript和jQuery做輪播圖簡單例子

    原生Javascript和jQuery做輪播圖簡單例子

    這篇文章主要為大家詳細(xì)介紹了原生Javascript和jQuery做輪播圖簡單例子,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • 微信小程序自定義帶價格顯示日歷效果

    微信小程序自定義帶價格顯示日歷效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序自定義帶價格顯示日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • javascript中關(guān)于&& 和 || 表達(dá)式的小技巧分享

    javascript中關(guān)于&& 和 || 表達(dá)式的小技巧分享

    我將會介紹和解析12個簡單但是強(qiáng)大的JavaScript技巧. 這些技巧所有的JavaScript程序員都可以馬上使用, 你不需要成為JavaScript高手才能理解這些.下面我們開始本系列的第一篇文章,介紹下強(qiáng)大的&& 和 || 表達(dá)式
    2015-04-04
  • 博客側(cè)邊欄模塊跟隨滾動條滑動固定效果的實現(xiàn)方法(js+jquery等)

    博客側(cè)邊欄模塊跟隨滾動條滑動固定效果的實現(xiàn)方法(js+jquery等)

    現(xiàn)在很多的獨立博客和網(wǎng)站如人人網(wǎng)等,都使用了讓側(cè)邊欄模塊隨滾動條滑動而位置固定的效果
    2013-03-03
  • js實現(xiàn)發(fā)送驗證碼后的倒計時功能

    js實現(xiàn)發(fā)送驗證碼后的倒計時功能

    本文解決方案的基本思路是點擊就將按鈕設(shè)為disabled,然后根據(jù)cookie判斷是否設(shè)置過期時間,將手機(jī)利用ajax提交到后臺的發(fā)短信接口,就可以了
    2015-05-05
  • ES6模塊化的import和export用法方法總結(jié)

    ES6模塊化的import和export用法方法總結(jié)

    這篇文章主要介紹了ES6模塊化的import和export用法方法總結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • Javascript中for循環(huán)語句的幾種寫法總結(jié)對比

    Javascript中for循環(huán)語句的幾種寫法總結(jié)對比

    如果您希望一遍又一遍地運行相同的代碼,并且每次的值都不同,那么使用循環(huán)是很方便的,javascript中for循環(huán)也是非常常用的,下面這篇文章主要介紹了Javascript中for循環(huán)的幾種寫法,需要的朋友可以參考借鑒,一起來看看吧。
    2017-01-01
  • 信息滾動效果的實例講解

    信息滾動效果的實例講解

    下面小編就為大家?guī)硪黄畔L動效果的實例講解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 引用外部js亂碼問題分析及解決方案

    引用外部js亂碼問題分析及解決方案

    web開發(fā)中不可避免會使用js,為了給頁面良好的瘦身我們一般都會將js代碼放在外部,然后通過src引用,如果web頁面與js采用的編碼不同一就會產(chǎn)生亂碼,接下來與大家分享下解決方法,感興趣的朋友可以參考下哈
    2013-04-04
  • 簡單使用webpack打包文件的實現(xiàn)

    簡單使用webpack打包文件的實現(xiàn)

    這篇文章主要介紹了簡單使用webpack打包文件的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10

最新評論