因为下载还是挺常见的，所以用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…

动态获取浏览器大小，可以动态调整页面布局，让页面更加灵活。 JS获取浏览器高度： var width=document.documentElement.clientWidth; var height=document.documentElement.clientHeight; 原生JS动态获取浏览器大小改变使用onresize： window.onresize = function(){ alert(document.documentElement.clientHeight); } Vue组件中动态获取高度，使用如…

vuex为我们提供了状态管理的解决方案，其最基本的结构如下： 在main.js层级下创建一个store.js文件，写入： 然后导入main.js并注册： 这样，最基本的vuex就可以使用了。 随着actions和mutations中的方法越来越多，文件越来越臃肿，我们会觉得越来越不好用。 那么就需要对vuex进行模块化处理。 实现的层级方案，分别是箭头对应的关系： 在子文件夹中分别写入对应的属性和方法，并在*.module.js中注册，以shot为例： 另外说一下，有新人对ES6语法不熟悉，稍微讲一下导入语法，如果…