安装依赖npm install -S file-saver xlsxnpm install -D script-loader在src下创建文件夹 vendor（自己取的名字）// Blob.js(function (view) {"use strict";view.URL = view.URL || view.webkitURL;if (view.Blob && view.URL)

场景： 产品扔出一个需求说：图片随便用户选择不限制但是必须要按照一定的大小对图片进行剪裁方案：为了快速解决这个问题，并且避免重复造轮子直接就使用了vue-cropper效果图如下：第一步：npm install vue-croppernpm install vue-cropper第二步： 使用（按需引入）<template><el-dialogtitle='裁剪Logo':vis

vue3 ReferenceError: process is not defined

在开发中，遇到这样一个需求。由于我们的照片是要下发到设备上，而我们的设备只支持jpg格式的图片。那么我们不能限制用户只选择jpg图片进行上传，这样用户体验极差。解决方案：用canvas转换图片的格式1、把转换的方法单独放在imgTypeChange.js中imgTypeChange.js文件// 把image 转换为 canvas对象function imgToCanvas(image) {let

npm prettiernpm install --save-dev --save-exact prettier在和package,json文件同级下创建一个.prettierrc文件文件中配置你的项目文件格式化内容{"semi": false,"singleQuote": true,"bracketSpacing": true,"trailingComma":"none","arrowParen

下面分享部分自用的好用的webstorm插件1. 中文插件我这里是已经安装了中文插件的了。英文版的操作是一样的File -> Settings->Plugins->搜索 chinese 即可操作步骤如下：安装完成之后重启Webstorm即可2. 图标插件个人觉得系统默认的图标不是很好看，所以去插件市场找了一个图标插件。插件的名字： Atom Material Icons操作步骤如

使用自定义字体包太大导致加载太慢解决办法 用font-spider字蛛解决自定义字体包太大的问题

在容器内修改了一个配置文件，然后保存。再重新启动容器结果就启不来了。然而我们又想把刚才修改的配置给修改为原来的再启起来，我们该怎么办呢？

packageJson.engines，第三方模块都会有，自己的项目中有可能有pm2.app[].interpreter，如果采用 pm2 部署，可以查看 interpreter 选项，但不保证该项存在FROM，如果采用 docker 部署，查看基础镜像 Dockerfile 中 node 的版本号如果以上方式都不可以，那只有问人了...

element-UI文档中本来el-select有个blur事件绑定函数属性。但是使用后发现有时候失焦事件并不能触发生效，也就导致所绑定的函数不能执行。解决办法：利用el-select的@focus方法，在select标签内 添加 ref 于此便可在focus事件内触发 blur事件。 代码如下：<el-selectmultiplefilterableallow-createdefault-