本文目的是让同学们以后遇到流类型文件处理时候不在发怵，第一时间可以通过我的文章搞定你的需求Blob其属于浏览器File API的一部分：type: 值类型是string,通常是MIME-typeblobParts: 一系列其他Blob对象,string,或是BufferSource {代码...} {代码...} 方法 Blob对象不可修改,类似字符串,但可以通过slice创建一个新的 {...

点击按钮则会发现控制台会打印相应文字；如果只需要监听10次就失效，可以用for循环。我学了上面这个有什么用呢？可以实现一个元素绑定的事件点击第几次时候触发。或者每次点击都可以通过下标执行不同任务。

在开发时候如果遇到一个函数需要调用内部接口才能实现其函数功能，函数又依赖其他异步函数。则就会导致每个函数都变成了异步函数。如何解决这种传染性？如下例子：

看到跳动的音符你难道不想知道它是如何实现的么？开撸！问：实现这个有什么用呢？答：装杯用！😥其实这个操作能实现音频效果器。就是主播开麦后大妈声音变成少女，男人声音可以变女声！😱因为音频分析器可以拿到音频的频谱，既可以改变音调啊音色啊什么的就可以实现音频效果器！🐷不想看我啰嗦的直接看最后，有整体html+js...

实现输入 这里我们可以想到使用textarea，但textarea无法支持富文本。因此排除！顾使用div的contenteditable属性；如下： {代码...} 这样此div就是一个可编辑div了，且内部可以使用富文本；如下： {代码...} 可以看到标签内的“#我是红色#”呈现红色状态。

当我们使用微前端时候，不得不用原生js绑定事件，且要获取当前绑定事件的dom时候，发现没在微前端环境中e.targe是有值的，但放到微前端环境下e.target就成了null, 导致后续操作没法实现，影响使用，因此可以使用以下方式解决。问题： {代码...} 解决办法： {代码...} 如果你比较细心想区分是否在微前端环境中，再使用不...

高德或者百度地图的外链script触发了高德地图的回调函数。回调函数里的有document.body.removeChild的逻辑，要删除高德的外链script。但在wujie插件中配不配置jsIgnores，高德地图的回调函数removeChild都无法删除出现以上问题我们可以使用一下方法解决： {代码...} 同理也可以举一反三遇到类似的问题，都可以通过此操作...

无界前端微服务框架，子应用通过script加载的js，在加载完成后，又通过动态生成script标签方式加载的js无法访问到上一个js内的全局变量无界微前端的子应用内出现动态加载的js无法访问问题解决办法：问题如下如何解决把动态加载的这个js的script 的type 改成 type="text/module" 即可解决。既： {代码...} 最终形成这种形...

当你不知道有多少个异步任务需要按顺序执行的时候;举例场景：有一个扫描仪，上面放有N个待扫描文件（其中有特殊文件需要分组）；每次扫描完成后，扫描仪会将数据返回，且返回数据需要调用接口才可以识别处理哪个是特殊文件用于分组。特殊文件后面的文件就属于当前这个组的；图来表述：

话不多说，最终实现效果如下： 图中难点： 圆角矩形绘制；转载他人帖子：看此处：[链接] 最左或者最右边的气泡需要做动态偏移 本项目是由mpvue写的小程序：所以用的是vue的书写格式（微信小程序可以自行修改）：使用方法： 将下列代码新建linechart.vue文件 再项目中调用本组件的drawAll方法传入日期和值即可 代码中有少...

直接复制粘贴就能看到效果。此图考察了svg的各种使用；其中包含了，绘制圆形、圆环，点，折线，多边形，水平居中文字，三角函数计算坐标。关于手机端适配方面，直接使用svg的viewbox来实现。因为svg是矢量图形，无论放大缩小都不失真，所以可以用适用各种设备且效果显示出众。公司给的设计稿是375宽度，我就用了375.你们...

{代码...}

{代码...}

写这篇文章的时候先说一下原因：webpack：现在很流行的打包工具；推荐原因：学习成本比gulp，fis3等简单，就是这么直接！vue：国人开发的MVVM框架，一点都不逊于recat，vue2.0的执行速度比recat都快！推荐原因：[链接]这里很权威。但我们今天学的是vue1.0，原因：vue2.0我还不会(^_^)!而且新手还是vue1.0学习为主吧。原...

上面的代码直接复制进你的html文件里打开就能看到效果。注意事项：开始时按240像素大小的画布写，最后发现放在分辨率高的手机上全是锯齿，所以最后采用960的宽高来写。绘制完图片（头像）会覆盖整个画布，所以图片得最后绘制。弧形文字需要一点一旦调整弧度。留言：如有疑问关注我给我留言，我们一起成为大牛！

<canvas> 看起来和 <img> 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上，<canvas> 标签只有两个属性—— width和height。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺...

前言： {代码...} 闲谈： {代码...} nodejs安装： {代码...} smart-npm优化下载速度： {代码...} webpack全局安装： {代码...} 新建项目： {代码...} 一直按回车；完成后现在项目里面就有一个package.json， 我们多加一点东西；建立以下文件： {代码...} 添加了两个js文件，添加了最重要的webpack->webpack.config.js...