前端数据操作总结

原创 前端全栈开发 教程 Vue 259阅读 2018-11-30 22:04:26 举报

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 回复