ashen1999

2020年8月18日

摘要：在公司的项目中，多次用到blob对接口返回的二进制数据进行处理，实现下载效果。但都是照葫芦画瓢，所以今天来分析一下其不同的用法下载文件到本地通过创建a标签，添加download属性来实现 var blob = new Blob(data) // data为二进制数据 var URL = wind 阅读全文

posted @ 2020-08-18 16:38 ashen1999 阅读(660) 评论(0) 推荐(0) 编辑

JS-二进制数据缓冲区ArrayBuffer

摘要： ArrayBuffer是一个字节数组，但是与Array并不相同。 ArrayBuffer不支持push和pop方法 ArrayBuffer存储在栈中 ArrayBuffer是只读的，但可以通过DataView或TypedArray进行改写 MDN上已经有的内容这里就不再赘述，主要记一下上面的第三点的阅读全文

posted @ 2020-08-18 16:37 ashen1999 阅读(541) 评论(0) 推荐(0) 编辑

axio源码分析

摘要： Axios源码深度剖析 - XHR篇 PS：本文转账自[https://github.com/ronffy/axios-tutorial#readme]，讲的很好 axios 是一个基于 Promise 的http请求库，可以用在浏览器和node.js中，目前在github上有 42K 的star数阅读全文

posted @ 2020-08-18 16:36 ashen1999 阅读(162) 评论(0) 推荐(0) 编辑

2020年8月2日

【js】appendChild()具有移动性

摘要：最近又在看vue响应式的源码，发现了之前没注意到的一个点：当实现指令解析器Compile的时候，是通过创建文档碎片，将原本的dom树中的节点一个个添加到文档碎片中： // el 是传入的DOM树 var f = document.creatDocumentFragment() var firstC 阅读全文

posted @ 2020-08-02 08:53 ashen1999 阅读(272) 评论(0) 推荐(1) 编辑

2020年7月26日

js实现-二进制数据转换为blob

摘要： let blob = new Blob([response.data], {type: 'application/pdf;charset=UTF-8'}); let fileURL = URL.creatObjectURL(blob) 且将响应头的responseType设置为arraybuffer 阅读全文

posted @ 2020-07-26 16:56 ashen1999 阅读(9165) 评论(1) 推荐(1) 编辑

实现点击下载到本地的功能

摘要：新建一个a标签，设置不显示在页面中，download属性，添加给body，并在下载后移除 var alink = document.creatElement('a') alink.style.display = 'none' alink.href = fileURL alink.setAttribu 阅读全文

posted @ 2020-07-26 16:48 ashen1999 阅读(268) 评论(0) 推荐(0) 编辑

2020年5月25日

memo、useMemo、useCallback

摘要： memo memo是只能在函数组件中使用的，类似于class组件中的pureComponent。pureComponent只能对组件中的props和state进行浅层对比。memo第一个参数传入组件，而可以在第二个参数中传入一个函数，其中包含对数据的对比，可以实现深层对比。此时就类似于shouldC 阅读全文

posted @ 2020-05-25 10:39 ashen1999 阅读(584) 评论(0) 推荐(0) 编辑

memoization缓存优化

摘要：当请求或计算时，如果每次都进行重新请求或计算，非常损耗CPU性能，因此可以通过缓存将之前的记录保存下来，当请求某已经请求过的资源时，就可以直接使用缓存了。封装如下： function memoize(fn){ return function(){ var args = Array.prototyp 阅读全文

posted @ 2020-05-25 10:31 ashen1999 阅读(174) 评论(0) 推荐(0) 编辑

2020年5月24日

什么是纯函数？

摘要：大致从两个方向上进行判断， 1. 函数的返回结果只依赖于它的参数 2. 执行过程中没有副作用对于第一点，下面看一个例子，func1中返回的值只依赖于传入的参数属于纯函数，而func2中返回的值依赖于外部参数x，是不纯的 var x = 1; function func1(a, b){ return 阅读全文

posted @ 2020-05-24 10:55 ashen1999 阅读(992) 评论(0) 推荐(0) 编辑

婷婷震惊！你不是我之前认识的“宏任务”

摘要：今天看某vue中nextTick的某篇博客时，其中经常提到事件循环机制，之前面试也经常被问到，所以点进了该niubility博主解释循环机制的博客。原来。。。。宏任务并不是同步任务啊！！！之前一直理解错了。在事件循环机制中，首先在调用栈中执行主线程上的所有同步任务。此时web API会对异步任务阅读全文

posted @ 2020-05-24 10:03 ashen1999 阅读(126) 评论(0) 推荐(0) 编辑

公告