qq_26481279的博客

axios.get("接口地址", { responseType: "arraybuffer", params: 传给后端的数据 }) .then(response => { return ( "data:image/png;base64," + btoa( new Uint8Array(response.data).reduce( (data, byte) => data + String.fromCharCode.

一、使用工具进行图片压缩压缩 png 格式的图片npm install node-pngquant-nativeconst pngquant = require('node-pngquant-native')const fs = require('fs')fs.readFile('./aa.png', (err, buffer) => { if (err) throw err const resBuffer = pngquant.option({}).compress(buffer

npm安装npm install umy-ui按需引入在main.js中添加按需引入代码import { UTable } from 'umy-ui'Vue.use(UTable)示例 <template> <u-table :data="tableData" :border="false" style="width: 100%"> <template slot="empty"> 没有查询到符合条件

/** * * @param {Object} * @param {Array} arr 数组对象 * @param {String} childrenKey 子数组的key * @param {Number=} expandLevel 可选 展开的层级 * @param {String=} levelKey 可选 树形结构中元素的层级字段 层级从0开始 当expandLevel有值时 levelKey为必须 * @param {Boolean=} noParents 返回展开数组时不包含根节

在日常开发中，我们可能会遇到导出excel的情况，而后端此时给我们返回的是一个文件流，需要前端将文件流转为url地址进行下载。可以将这个方法封装成一个工具类，方便其他地方调用，我这里放到了utils.js里面import axios from 'axios'import Vue form 'vue'/** * 根据后端返回的文件流转为excel导出 * @param {Object} data */export function exportExcelMethod(data) { ax

一、路由懒加载1、作用提升用户体验，提升首屏组件加载速度，解决白屏问题2、代码示例2.1 未使用路由懒加载import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: 'Hel

首先要得到自定义字体包（后缀名为.ttf, .otf, .eot等格式的字体包），可自行下载也可以问UI小姐姐要字体包，拿到字体包后进入项目中在assets文件夹下建一个fonts文件夹把拿到的字体包放到fonts文件夹中接着创建一个fonts.css文件在fonts.css文件中定义你所用的字体（这里以PingFang为例）@font-face: { font-family: 'PingFang-RE'; /* 重命名字体名 */ src: url('./PingFang\ Re.

1、Element UI 引入(整体引入)main.js// Element UIimport Element from 'element-ui'// 默认样式import 'element-ui/lib/theme-chalk/index.css'2、开始封装 iTable.vue 组件 (骨架)<template> <div class="table"&...

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，方便查找使用，便于工作和学习。很全的vue插件汇总。一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vu...

npm run dev时，提示Cannot find module main.js，解决方案如：vue init nuxt-community/koa-template nuxt-learnnpm installnpm run devnpm install backpack-core@0.7.0 --save-dev// 在nuxt.config.js里找到eslint-loader将...

在 git bash 中使用 vue-cli3 初始化 vue 项目时，上下箭头无法选择原本的命令是 vue create my-project只需要 winpty vue.cmd create my-project 即可