JavaScript:二进制数组【笔记】

2023-09-17 22:42:27

二进制数组【ArrayBuffer对象、Type的Array视图和DataView视图】JavaScript操作二进制数据的一个接口。

这些接口原本是和WebGL有关【WebGL是浏览器与显卡之间的通信接口】,为了满足JavaScript与显卡之间大量、实时数据交换,那么JavaScript和显卡之间的数据通信必须是二进制。不能是传统的文本格式。

所谓的文本格式,就是传递一个32位整数,两端的JavaScript和显卡都要进行数据格式化,这样非常耗时。

二进制数组,就是想C语言那样直接操作字节,把4个字节的32位整数以二进制的形式传给显卡,这样脚本的性能大幅提升。

二进制数组有三类对象组成:

  1. ArrayBuffer对象:表示内存中的一段二进制数据,通过视图来进行操作。视图添加了数组接口,这样就可以使用数组的方法来操作内存了。
  2. TypedArray视图:有9种类型的视图,例如:Uint8Array数组视图、Int16Array数组视图、Float32Array数组视图。
  3. DataView视图:可以自定义复合格式的视图或者自定义字节序。

总结:ArrayBuffer对象是二进制数据、TypedArray视图用来读写简单类型的二进制数据、DataView视图用于读写复杂类型的二进制数据。

支持TypedArray视图的9种数据类型:

  1. Int8,1个字节长度,8为带符号的整数;
  2. Uint8,1个字节长度,8位不带符号的整数;
  3. Uint8C,1个字节长度,8位不带符号的整数【自动过滤溢出】;
  4. Int16,2个字节长度,16位带符号的整数;
  5. Uint16,2个字节长度,16位不带符号的整数;
  6. Int32,4个字节长度,32位带符号的整数;
  7. Uint32,4个字节长度,32位不带符号的整数;
  8. Float32,4个字节长度,32位浮点数;
  9. Float64,8个字节长度,64位浮点数;

ArrayBuffer对象

ArrayBuffer对象是存储二进制数据的一段内存,但是不能读和写。

ArrayBuffer是一个构造函数,分配一段可以存储数据的连续内存区域。比如:

let  buffer = new ArrayBuffer(32);

这样就创建一段32字节的内存区域,每一个字节默认值为0。

为了读写这段内存,就需要指定视图,比如DataView视图,代码如下:

let buffer = new ArrayBuffer(32);
let dataView = new DataView(buffer);

打印dataView的结果如下:
在这里插入图片描述

let x = new Int16Array(buffer);
console.log(x)

在这里插入图片描述

当两个视图对应同一段内存的时候,一个视图的修改会影响到另一个视图。

ArrayBuffer.prototype.byteLength

ArrayBuffer实例的byteLength属性返回的是内存的字节长度。

ArrayBuffer.prototype.slice():内存分割;
ArrayBuffer.isView():判断参数是否是ArrayBuffer的视图实例;

TypedArray视图

TypedArray视图有9中类型:

  1. Int8Array:8位有符号整数,长度为1个字节;
  2. Uint8Array:8位无符号整数,长度为1个字节
  3. Uint8ClampedArray:8位无符号整数,长度为1个字节,溢出处理不同
  4. Int16Array:16位有符号整数,长度为2个字节
  5. Uint16Array:16位无符号整数,长度为2个字节
  6. Int32Array:32位有符号整数,长度为4个字节
  7. Uint32Array:32位无符号整数,长度为4个字节
  8. Float32Array:32位浮点数,长度为4个字节
  9. Float64Array:64位浮点数,长度为8个字节。
更多推荐

网络编程套接字 | TCP套接字

前面的文章中我们使用UDP套接字编写了四个版本,不同的UDP服务器,在本文中我们将要对TCP套接字进行几个不同的版本的代码的编写,首先测试一下TCP套接字的代码,然后是将这个版本进行修改成多进程版本的,再将代码修改成多线程版本的,最后在编写一个线程池版本的代码。在编写TCP套接字之前我们会使用如下的一些APIsocke

QT基础教程(QT中的文件操作)

文章目录前言一、文件操作方法二、QFileInfo类四、QTemporaryFile类总结前言本篇文章我们来讲解QT中的文件操作,文件操作对于QT来说是非常重要的一个点,那么下面的话将给大家详细的讲解QT中的文件操作。一、文件操作方法在QT中,文件操作是通过Qt的文件和目录处理类来完成的。以下是一些常用的文件操作功能:

FLASK中的鉴权的插件Flask-HTTPAuth

在Web应用中,我们经常需要保护我们的api,以避免非法访问。比如,只允许登录成功的用户发表评论等。Flask-HTTPAuth扩展可以很好地对HTTP的请求进行认证,不依赖于Cookie和Session。本文主要介绍两种认证的方式:基于密码和基于令牌(token)。1、安装$pipinstallFlask-HTTPA

数学建模——微分方程介绍

一、基础知识1、一阶微分方程称为一阶微分方程。y(x0)=y0为定解条件。其常规求解方法:(1)变量分离再两边积分就可以求出通解。(2)一阶线性求解公式通解公式:有些一阶微分方程需要通过整体代换,比如u=x+y,u=xy,u=x/y,u=1/yn等化为以上两种类型求解后再还原。2、二阶常系数微分方程【1】【2】【1】为

Java运行时数据区域

运行时数据区域Java虚拟机在执行Java程序的过程中会把它所管理的内存划分为若干个不同的数据区域。根据《Java虚拟机规范》的规定,Java虚拟机所管理的内存将会包括以下几个运行时数据区域:程序计数器程序计数器(ProgramCounterRegister)是一块较小的内存空间,可以看作是当前线程所执行的字节码的行号

5.10.WebRTC接口宏

那今天呢?我给大家介绍一下webrtc的接口宏,那之所以在现成的章节中要介绍接口宏。是由于接口在调用的过程中啊,会发生线程的切换,所以把接口宏这部分知识我们放在线程这一章还算比较合适的。那另外呢,我们对于接口宏的介绍可能要花费三节到四节的时间,那之所以要用这么大的篇幅来介绍接口宏,是由于接口宏本身是比较复杂的。里边儿涉

python学习--函数

函数的创建与调用什么是函数函数就是执行特定任务或完成特定功能的一段代码为什么需要函数复用代码隐藏实现细节提高可维护性提高可读性便于调试函数的创建def函数名([输入函数]):函数体[returnxxx]defcalc(a,b):#a,b称为形式参数,简称形参,形参的位置是在函数定义处c=a+breturncresult

【Redis GEO】1、地理位置类型的基本用法

1、RedisGEO介绍RedisGEO主要用于存储地理位置信息,并对存储的信息进行操作,该功能在Redis3.2版本新增。RedisGEO操作方法有:geoadd:添加地理位置的坐标。geopos:获取地理位置的坐标。geodist:计算两个位置之间的距离。georadius:根据用户给定的经纬度坐标来获取指定范围内

jQuery 指定区域的内容循环滚动

需求:页面指定区域内的内容循环滚动,但是内容形式、高度都不固定,是接口从编辑器提取出来的内容。代码:<divid="container5"><divclass="content"id="f12red1">自2023年9月20日24时起,国内汽、<br>柴油价格(标准品,下同)每吨分别提高70元。<br>自2023年9月

python 二手车数据分析以及价格预测

二手车交易信息爬取、数据分析以及交易价格预测引言一、数据爬取1.1解析数据1.2编写代码爬1.2.1获取详细信息1.2.2数据处理二、数据分析2.1统计分析2.2可视化分析三、价格预测3.1价格趋势分析(特征分析)3.2价格预测引言本文着眼于车辆信息,结合当下较为火热的二手车交易市场数据,对最近二手车的交易价格进行分析

服务器租用机房机房的类型应该如何选择

服务器租用机房机房的类型应该如何选择1.单电信机房单电信服务器机房业务模式比较固定,访问量也不是很大,适合新闻类网站或政务类网站。如果网站的PV流量持续增加,建议后期采用租赁CDN的方式解决非电信用户访问网站速度过慢的问题。2.双线机房双线机房在单线机房上有所升级,主要是因为机房接入了两个运营商带宽线路。因为国内两大网

热文推荐