原文链接: DataView 优化数据内存占用
上一篇: animejs easeInSine 在模糊滤镜下会闪烁的问题 [已解决]
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/DataView
http://www.jiazhengblog.com/blog/2017/03/03/3116/
https://www.html5rocks.com/en/tutorials/webgl/typed_arrays/
主要目的是大数据情况下, 优化内存
需要注意大小尾问题, 顶点数组可以使用int16 比int32要少很多, 二维数据在shadar中拓展, 又能少很多,
/*
buffer
一个 已经存在的ArrayBuffer 或 SharedArrayBuffer 对象,DataView 对象的数据源。
byteOffset 可选
此 DataView 对象的第一个字节在 buffer 中的字节偏移。如果未指定,则默认从第一个字节开始。
byteLength 可选
此 DataView 对象的字节长度。如果未指定,这个视图的长度将匹配buffer的长度。
*/
// create an ArrayBuffer with a size in bytes
const buffer = new ArrayBuffer(16);
// Create a couple of views
const view1 = new DataView(buffer, 0, 16);
const view2 = new DataView(buffer, 12, 4); //from byte 12 for the next 4 bytes
view1.setInt8(12, 42); // put 42 in slot 12
console.log(view2.getInt8(0));