前两天把axios封装整理了一下，今天整理一下fetch的封装。 可能我身边用fetch的太少，我们的项目中没有用过，只是自己学习看的，有不周的地方，还希望留言我们互相讨论。 fetch是js本身的一个接口，与axios/ajax有本质的区别，可能随着时间推移，fetch应该会更加流行吧。 有兴趣的朋友可以去MDN自行浏览。 /* * @Author: JeremyJone * @Date: 2020-03-05 18:55:36 * @LastEditors : JeremyJone * @LastEditTim…
之前项目是用到了axios，它本身是对ajax的二次封装。不过我们在使用的时候经常是对axios再进行二次封装，从而达到我们需要的效果。现在把代码整理了一下，贴上来。 首先，安装axios： npm install axios 还有一个qs是格式化参数用的，如果不需要，可以不用，直接拼接也可以。 /* * @Author: JeremyJone * @Date: 2020-03-03 17:58:23 * @LastEditors : JeremyJone * @LastEditTime : 2020-03-03 …
今天创建新项目，发现创建不了，于是想着查看一下npm的包，发现没安装vue。。。然后才想起来前几天重新装的电脑，因为之前的项目中已经有了所有包，所以一直用着没有问题。。。 命令行查看包命令： npm list -g 可以查看所有全局安装的包，输出是这样的，看着乱的一批，它显示了所有包的所有路径： 所以可以使用这个命令精简一下，毕竟我们只是想看一下都安装了啥，类似Python的pip list： npm list -g --depth 0 这样就只显示第一层的目录： 是不是精简了很多，然后我发现还真没安装。赶紧安装V…
作为Vue的状态管理工具，Vuex的使用率相当之高。Vuex具有4个属性，state，getters，actions，和mutations。 今天来讨论一下getters。它相当于vue的computed计算属性。每当state中的值变化时，它也会自动更新。这个在我们需要那些稍微对state中的属性进行改造的属性时很有帮助。在实际生产中，我们会大量使用getters，而state会相对较少。 getters的基本用法，直接调用 首先在根目录下创建一个store.js： import Vue from "v…
因为下载还是挺常见的，所以用axios封装了一下，直接调用即可。 很简单的封装，一般情况下，只需要传入文件路径，文件名，和文件的mime类型即可。 /** * Encapsulate Download methods, download files. * @param url * @param filename * @param filetype: file mime type * @param config: header config, a object * @returns {Promise} */ expo…
之前写的画板里面，我将它升级了一下，首先可以传入一张默认图片，然后所有操作都是基于该图片进行操作。然后我发现，当使用橡皮擦的时候，它直接将整个canvas擦成了透明。 这是因为canvas每次只能展示一张图片，这个在之前说过，有兴趣的朋友可以参考之前的文章。 于是有了很简单的想法，在擦除完成后，首先在canvas中加载原始图片，然后加载擦除后的图片，这样重叠合并成一张完整的擦除后的效果图。 有了想法，动手做： // 首先保存擦除的图片 let eraserPic = new Image(); eraserPic.s…
又到双十一，现在的双十一早已过了前几年的“真实惠”，现在商家趋于大同，各种限制政策让我们耗尽功夫。 今年的京东推出了养红包，开始觉得很麻烦，昨天无意中看见了一个脚本，试了一下，还比较好用，贴出来分享一下。 使用方法： 1、浏览器进入京东，并登录 2、登录后打开https://happy.m.jd.com/babelDiy/GZWVJFLMXBQVEBDQZWMY/XJf8bH6oXDWSgS91daDJzXh9bU7/index.html ，对，就是这个链接，直接点击即可。（注意，这个链接真的需要登录后再打开） 3…
椭圆 通过前面的文章，我们已经可以绘制大部分图形以及文字。但是，在canvas中，椭圆是一个复杂的存在，本身我们上学时学习椭圆本身也是一个复杂的结构。我看了很多画椭圆的方案，大部分分为两类： 第一类是 使用arc()画一个圆形，然后将其缩放变形，完成一个椭圆。 第二类是 使用贝塞尔曲线，即使用多条贝塞尔曲线混合拼接为一个椭圆。 经过我的实际测试，采用我认为比较简单并且显示效果比较好的方式，使用贝塞尔曲线的方式绘制椭圆。 刚才说过，贝塞尔的方式是使用多条曲线拼接，一个椭圆可以是两条曲线、三条曲线，或四条甚至更多曲线拼…
基本概念 在canvas中，为我们提供了一个非常方便的添加文字的方法，直接上 w3school 的文档说明： context.fillText(text,x,y,maxWidth); // text: 规定在画布上输出的文本。 // x: 开始绘制文本的 x 坐标位置（相对于画布）。 // y: 开始绘制文本的 y 坐标位置（相对于画布）。 // maxWidth: 可选。允许的最大文本宽度，以像素计。 官方也给我们提供了一个简单的说明： 使用 fillText()，在画布上写文本 "Hello worl…
最近评论
米優 发布于 7 个月前（05月07日）
test 发布于 2 年前（11月20日）
星星 发布于 2 年前（09月18日）
星星 发布于 2 年前（09月18日）
root 发布于 2 年前（09月05日）