加载中
webpack5 用Module Federation共享代码

https://zhuanlan.zhihu.com/p/120462530 https://segmentfault.com/a/1190000024449390 https://github.com/module-federation/module-federation-examples http://www.alloyteam.com/2020/...

11/16 23:08
49
切换不同的api

异步api是可以兼容同步的, 但是同步的不能兼容异步 const f = () => "hello"; async function main() { console.log(await f()); } main(); // hello 可以用这种层级, 只暴露一个接口, 根据具...

11/16 22:32
18
bable 去除log 的插件transform-remove-console的一些细节

这个插件是怎么去除log的, 是直接将log函数置换为空, 还是直接在代码中删除了相关ast树? 我们在console中调用一个函数, 函数会请求一张图片 如果按照下面的写法, 在dev模式下, 会在4s后请求一...

11/15 23:06
51
css 波纹效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> .ripple { margin: auto; margin-top: 20%; backgro......

11/15 17:14
22
Promise和worker内存泄漏的问题

https://www.cnblogs.com/cangqinglang/p/10580297.html 首先一个已经resolve的promise不会被reject, 也不会报错 let resolve let reject const p = new Promise((_resolve, _reject) => { ...

11/15 15:42
0
前端获取文件md5值

https://www.npmjs.com/package/md5 一定要转成buffer, 使用ArrayBuffer也不行 真的坑死了 export const fileToBuffer = (file) => { return new Promise((r) => { const reader = new FileR...

11/14 22:25
36
putImageData 绘制矩形图片

要想达到下面的效果 对于一个完整的imageData, 我们取其中的一个矩形, 该矩形的左上方为 x,y, 宽和高是w,h 在一个宽和高为w,h的canvas中绘制这个矩形 ctx.putImageData(imageData, -x, -y, ...

11/14 22:07
34
拷贝一个imageData, 避免多次向worker中发送数据导致的异常

将一个imageData发送到worker后, 再次发送会报异常 DOMException: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached. 主要原因是, 发送后buffer被...

11/14 19:45
45
使用iframe和vconsole调试ios网页

首先在低版本的ios浏览器, 即使开启调试也因为电脑端版本太新, 无法查看webview或者浏览器中的log, 真的是垃圾 下载 开发者版本的Safari也不行 https://developer.apple.com/safari/downloa...

11/13 21:09
26
vue cli3 打包兼容Android 4.4

已在Android4.4上跑通 未能兼容ios9, 会报一个type error, 但是又没有其他任何信息, 垃圾ios.... 在vue.config.js中配置相关依赖进行转换 一般把第三方库加进去后就不会有es6的语法了, 包括c...

Android 4.4 closest 的兼容性问题

https://developer.mozilla.org/en-US/docs/Web/API/Element/closest 基本上参考mdn即可 这个函数也是这次才发现的... 以前没用过, 主要作用是从自身开始向根元素查找, 返回第一个满足比较器...

11/13 20:55
21
mathjax 导出svg和png

导出png是为了在使用过程中借助透明背景可以实现一个特殊的放置需求, 如果是jpg则因为白色背景会遮住后面的背景 可以调整输出大小, 更加清晰的输出大图 const scale = 2 const w = +svg.get...

vs code 插件change-case, 修改变量名 驼峰和常量等

搜索并安装下面的插件 效果如下 win10 快捷键 ctrl + shift + p 调出命令面板 ctrl + shift + 左/ 右 选中单词

11/13 00:13
82
web判断图片类型 , 将file对象转换成buffer对象

https://www.npmjs.com/package/file-type yarn add file-type 在网页端使用需要将file转成buffer, 结果为下面的对象 { ext: "png" mime: "image/png" } 抽取一个函数 export const fileToB...

11/12 23:24
53
webpack worker-loader 引入worker文件

比行内url-loader引入要方便很多, 并且不会出现require函数找不到的问题 import IWorker from "worker-loader!./worker.js" let worker = new IWorker() 理论上这样引入完全可以将worker文件...

11/12 23:10
26
使用worker异步处理canvas

http://ps.ahaoboy.com/ 将左侧的输入canvas的处理放入canvas中, 如果已经有了一个执行任务, 则直接终止worker, 重新创建一个worker开始执行, 这样可以减少算力消耗 之所以不能在执行过程中禁...

11/12 00:31
38
worker中创建文件, 在页面中使用

在worker中创建文件, 返回一个文件的url, 在主页面通过这个url来使用 主要目的是将计算放在worker中, 避免复杂计算将用户UI卡死 worker.js self.addEventListener( "message", function({ d...

11/11 22:21
33
proxy 的不完整polyfill

https://github.com/GoogleChrome/proxy-polyfill 只能针对已有的属性监听 The polyfill supports just a limited number of proxy 'traps'. It also works by calling seal on the object ...

11/09 23:39
50
js label语法跳出多重循环

https://zhuanlan.zhihu.com/p/32051963 感觉还是不要滥用了.... 这东西最好的归宿是废弃掉... 我也是之前vue那个rfc才了解到js也有这种东西 有c/c++ goto内味了 let i = 0 let j = 0 out: f...

11/09 23:04
33
css 合成层优化 [未解决]

遇到一个在ios上拖拽图片时产生撕裂的问题, 初步定位是由于动画导致合成层频繁绘制, 在旧机器上由于ios的渲染策略和安卓不同? 导致的 还是canvas好啊, 不用考虑兼容问题 o(╥﹏╥)o 感觉没啥...

11/08 23:11
128

没有更多内容

加载失败,请刷新页面

返回顶部
顶部