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操作步骤如

背景：产品提出需求在饼图中间放两行文字且居中“简单，劈劈啪啪写完了”产品再提出你这个没有自适应啊，屏幕放大、缩小你这个就没有居中了，甚至会和饼图重叠“emmmmm…"

element el-table 表格渲染数据 后台返回的数据的是状态值 前端需要转换显示文字 快速展示对应的文字比如后端的返回数据state是 0、1、2，分别代表 归档、到期、正常。而我们要在表格中快速的展示出对应的文字。如图所示：直接上代码<el-table-columnlabel="状态"><template slot-scope="scope">{{ dataSt

element-ui el-table表格展开行 并且默认展开一行<el-tableref="table":data="tablesData"style="width: 100%":header-cell-style="{background: '#FAFAFA',color: '#000000',borderRight: '1px s

封装axios form-data 针对统一的formData入参方式1. 在axios中，设置请求头的content-typeconfig.headers.post['Content-Type'] = 'multipart/form-data'2.封装请求//* 封装post请求export function post(url, data = {}) {return new Promise((r

由于下拉数据比较多，造成卡顿用户体验极差，所以使用滚动加载的办法提高用户体验方案一：（局部自定义一个指令）第一步（创建指令）export default {directives: {loadMore: {bind(el, binding) {// 获取element，定义scrolllet select_dom = el.querySelector('.el-select-dropdown .el