Buffer类,是用来创建一个专门存放二进制数据的缓存区。每当需要处理二进制数据时,就有可能使用到Buffer类。
用来声明一段固定大小的Buffer实例,如果没有设置fill,则默认填满0
let buffer = Buffer.alloc(6);
console.log(buffer);
//<Buffer 00 00 00 00 00 00>
let buffer = Buffer.from('前端优选');
console.log(buffer);
//<Buffer e5 89 8d e7 ab af e4 bc 98 e9 80 89>
该结果返回的是十六进制、UTF-8编码格式的字节
//接上个例子
console.log(newBuff.toString());
//前端
toString默认使用的编码是uft8,返回指定编码的字符串;该方法还可指定读取索引的起始结束位置
let buffer = Buffer.from('前端优选');
let length = buffer.length;
console.log(length);
//12
返回的是内存区长度;一个汉子包括三个字节,则结果就是4*3=12个字节长度
let buffer = Buffer.from('前端优选');
let result = Buffer.isBuffer(buffer);
//true
判断一个值是否为Buffer类型,返回的结果为布尔值
let buffer = Buffer.from('前端优选');
let result = buffer.slice(6,12);
console.log(result.toString());
//优选
返回一个新的buffer值,和原有值指向同一个内存区
let buffer = Buffer.from('前端优选');
let index = buffer.indexOf('优选');
console.log(index);
//6
返回字符串的内存起始位置
let buffer1 = Buffer.from('前端');
let buffer2 = Buffer.from('优选');
let buffer3 = Buffer.concat([buffer1,buffer2]);
console.log(buffer3);
console.log(buffer3.toString());
//<Buffer e5 89 8d e7 ab af e4 bc 98 e9 80 89>
//前端优选
返回的值是多个成员合并的新Buffer对象
指定要拷贝的目标,从目标起始位置开始,拷贝源buffer的指定起始和结束位置之间的字符
该方法没有返回值,直接对target进行操作
let buff1 = Buffer.from('前端');
let buff2 = Buffer.from('优选');
buff1.copy(buff2,0,0,3);
console.log(buff2.toString());
//前选(从buff2的0位置起始,拷贝buff1的0-3位置之间的字符,操作对象为buff2)
Buffer是引用的内存空间,换句话说就是引用类型的值,不管是截取或更改,都是对内存空间的修改,因此都会改变原有的值。
let buffer = Buffer.from([11,12,13]);
let newBuff = buffer.slice(0,3);
newBuff[0] = 100;
console.log(buffer);
//<Buffer 64 0c 0d>
let buffer = Buffer.from('前爱端爱优爱选');
let res = buffer.split('爱');
//期望输出结果:['前','端','优','选'];
那么需要自定义一个split方法
Buffer.prototype.split = function(step){
let arr = [];
return arr;
}
首先,需要得出分割字符串的长度
let len = Buffer.from(step).length;
其次,指定每次的分割起始位置
let offset = 0; //初次分割从0开始,然后依次累加
然后,记录当前分割位置,将已分割和分割字符的长度求和
let current = this.indexOf(step,offset);
对分割的起始位置进行更新
offset = current + len;
循环遍历,直到查询结束为止
while(-1 != this.indexOf(step,offset)){
current = this.indexOf(step,offset);
arr.push(this.slice(offset,current));
offset = current + len;
}
最终方法为:
Buffer.prototype.split = function(step){
let len = Buffer.from(step).length;
let offset = 0;
let current = 0;
let arr = [];
while(-1 != this.indexOf(step,offset)){
current = this.indexOf(step,offset);
arr.push(this.slice(offset,current));
offset = current + len;
}
arr.push(this.slice(offset)); //将剩余结果进行添加
return arr.map(item => item.toString());
}
首先看concat的使用方式
let buff1 = Buffer.from('前端');
let buff2 = Buffer.from('优选');
let buff3 = Buffer.concat([buff1,buff2]);
console.log(buff3.toString());
//前端优选
分析:该方法至少需要传递两个参数:用于合并的数组列表(必填)、指定合并后的总长度(可选)
Buffer.concat = function(list,length=list.reduce((a,b) => a+b.length,0){
//通过对list的长度求和,计算指定长度
let buffer = Buffer.alloc(length);
let offset = 0;
list.forEach(item => {
item.copy(buffer,0); //利用copy方法,依次复制
offset += item.length; //更新每次的复制指针
})
return buffer;
}
Buffer存在于全局对象上,是必须要了解和掌握的知识。Buffer是在内存中开辟一片区域,用来存放二进制数据,在文件的读取和传输上,有着重要的作用。
原文:https://segmentfault.com/a/1190000021375884
inline-blcok元素中间的空白符引起的间隙,处理方法总结包括:改变书写结构、使用font-size:0、使用margin负值、使用letter-spacing或word-spacing、丢失结束标签、W3C推荐 导航方法(兼容IE6等)、YUI的inline-block间隙处理等...
本文实例讲述了JS实现碰撞检测的方法。分享给大家供大家参考,具体如下:一个简单的碰撞检测例子,检测div1是否和div2发生碰撞,当div1碰到div2时,改变div2的颜色
css实现边竖条的多种方式:border、使用伪元素、外 box-shadow、内 box-shadow、drop-shadow、渐变 linearGradient、轮廓 outline、滚动条
记录下与Math有关的常用方法,如:求最大值、最小值等,或者是保留几位数啥的。本文主要介绍了JavaScript中Math对象的方法,具有一定的参考价值,下面跟着小编一起来看下吧
Split是切割字符串的一种方法,该方法主要用于把一个字符串分割成字符串数组。splice()方法向/从数组中添加/删除元素,然后返回被删除的元素组成的数组。slice()方法主要用于截取数组,并返回截取到的新数组。
第一种:获取的时间戳是把毫秒改成000显示,因为这种方式只精确到秒,第二种和第三种是获取了当前毫秒的时间戳。
在web开发中我们经常会遇到页面的一个二级联动技术,二级联动字面解释就是说我在选择一级select不同的option,下面的二级option的属性值在进行相应的变化。
经常会用到原生JS来写前端。。。但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的,一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了
是通过 js 操作 textarea input 输入框,只能操作输入框,不能操作其它元素。所有的 复制/剪切/粘贴 都是要在选中输入框中的文本之后,才进行操作的。
async函数是Generator 函数的语法糖,async函数就是将 Generator 函数的星号(*)替换成async,将yield替换成await,仅此而已。async函数对Generator 函数的改进点有以下几点:
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!