前端数据操作总结

原创 前端全栈开发 教程 Vue 162阅读 15 天前 举报

src转img

img转canvas

ImageData转canvas

canvas转ImageData

canvas像素操作

canava转DataURL(base64)

DataURL(base64)转blob

file转arrayBuffer

file转blob

(blob,arraybuffer)转file

file(blob)转DataURL(base64)

dataURL转File

blob转objectURL

objectURL转img

objectURL(url)转blob

objectURL(url)转arraybuffer,当服务端传递二级制数据时使用

FormData设置blob

Uint8ClampedArray Uint8Array 区别

arraybuffer,视图(Uint8Array、Float64Array等)之slice

buf返回buf 视图返回视图 1,分配内存 2,拷贝数据

数据

1,new ArrayBuffer(40) 2,new Uint8Array( [ 1, 2, 3, 4 ] ) 3,Array.from(uint8Array);

视图参数

var v3 = new Int16Array(buf, 2, 2);第一个参数:视图对应的底层ArrayBuffer对象,该参数是必需的。第二个参数:视图开始的字节序号,默认从0开始。第三个参数:视图包含的数据个数,默认直到本段内存区域结束。

视图.buffer 获取缓冲区

视图对象DataView

实现atob(string 转 base64) window.atob

实现btoa(base64 转 string) window.btoa

atob,btoa 不能编码解码中文

编码含义


本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
对web开发技术感兴趣的同学,欢迎加入Q群:943129070,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复