Websocket，ProtoBuffer，Hightlight，JSON 等，最近遇到的一些知识点小结

Posted 2020-11-07 Dapianzi卡夫卡

websocket

websocket 支持但不仅限于web场景，是一种封装好的socket通信协议，可以用来做C-S通信。
可以通过设置 binaryType 来指定通信的数据流格式，从而达到简洁高效传输：

ws_account.binaryType = ‘arraybuffer‘;

protobuffer

protobuffer 是一种数据协议，同等角色有 XML, JSON 。最大的有点是节省传输字节，然而数据可读性差，需要通过定义proto数据结构来解析和封装buffer数据。
使用protobuffer需要对数据进行字节操作，javascript中的 ArrayBuffer, Nodejs中的Buffer。javascript 中 ArrayBuffer 通常通过DataView来读写

var buf = new Int8Array([1,2,3,4,5,6,7,8]);
var buffer = new ArrayBuffer(buf.length + 4);
var dv = new DataView(buffer);
dv.setInt32(0, msgid, true);
for (let i=0;i<buf.length;i++) {
    dv.setInt8(4+i, buf[i]);
}

json 展开显示

JSON 自带展开美化功能，结合highlight等插件快速美化 json 对象

JSON.stringify(msg, undefined, 4);