- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue3 + axios + js 项目封装
相关文件的结构在request.js文件中创建axios实例并暴露 import { ElNotification } from 'element-plus'import axios from 'axios'import store from '../store'import Nprogress from 'nprogress'import router from '../router'// const app = createApp(App)co...
2022-05-31 15:44:54
763
原创 Vue3 vite.config.js环境变量配置（自己记录）
1. 在根目录新建两个文件(分别对应生产和开发环境).env.production# .env.producitonVITE_APP_BASE_API = xxxxx.env.developemnt# .env.developmentVITE_APP_BASE_API = xxx1VUE_APP_BASE_API = xxx2默认vite只会暴露VITE开头变量。此时可以在其他文件通过import.meta.env.变量名获取环境变量2. vite.config.js最主要的是：
2022-05-30 17:21:38
4833
原创 axios设置Content-Type为multipart/form-data两种方式
改变数据格式let format = new FormData()format.append('email', val)设置axios请求头headers: { 'Content-Type': 'multipart/form-data'}
2021-09-16 10:14:26
6302
1
原创 vue + echarts + 百度地图 画地图散点图
创建画图区域<div id="myChart"></div>创建js文件引入百度地图js文件, baidu-map.jsexport function MP (ak) { const BMap = window.BMap // 这里写一句解决BMap is not defined错误 return new Promise(function (resolve, reject) { if (typeof BMap !== 'undefined') {
2021-01-23 19:08:36
1529
2
原创 el-upload自动上传多个文件时，动态操作file-list展示文件列表
问题：el-upload自动上传多个文件时，每个文件调用一次接口（10个就是10次），只会调用一次on-success，也就是fileList只会展示一个file。原因：这是因为file-list不能手动改变el-upload自动上传多个文件时，只会调用一次on-success想要达到的效果：当使用el-upload自动上传多个文件时，想通过on-success控制fileList动态展示后端返回的文件预览图和名称解决办法：（也有其他办法，这里只写我是怎么做的）用两个el-uplaod组件，一个用
2021-01-22 18:08:31
5963
原创 控制单个el-input只能输入正整数或小数
input事件发生时检测输入字符blur用来去除以.结尾时末尾的. // 禁止输入字母汉字，以及3.3.3或3...3以及00,03形式，只能输入正整数和小数 inputChange(index, val) { val = val.toString() let num num = val.replace(/[^\d.]|^\./g, '') // 禁止输入非数字和'.'以及以'.'开头的 num = num.replace(/^0[0-9]/g,.
2020-09-21 17:28:12
1546
原创 javascript斐波那契数列
斐波那契数列是指形如：1，1，2，3，5…除了第一项和第二项，每一项都等于前两项之和1.递归方法不好的地方在于输入的n大于一定数时，会算法复杂度过大，陷入死循环function Fibonacci (n) { if (n == 1 || n == 2) { return 1 } return Fibonacci(n-1) + Fibonacci(n-2)}2.迭代...
2019-09-06 20:49:21
665
原创 javaScript排序---快速排序
function quickSort (array) { let sort = (arr, left = 0, right = array.length - 1) => { if(left >= right) { //如果left >= right，排序完成 return } else { let i = left,j = right...
2019-09-04 16:26:23
224
原创 报错：vue-loader was used without the corresponding plugin.
安装了vue-loader和vue-template-compiler后使用.vue组件引入组件却报错解决方法：从vue-loader@15.版本后安装包之后，还需在配置文件中写如下几句话就可以了...
2019-05-07 15:44:17
346
原创 HBuilderX之Vue项目---css配置
接着上次Vue项目js文件后的css文件配置说明一.首先说个题外话：可以用cnpm i html-webpack-pluagin -D命令，在内存中根据index.html模板页面生成HTML插件(此命令会将html文件托管到内存中)同样也需要配置webpack.config.js文件const htmlWebpackPlugin = require('html-webpack-plugi...
2019-04-28 18:23:41
5700
原创 使用HBuilderX编写第一个Vue项目之js
HBuilderX使用流程首先建好文件目录后我的文件结构如下：使用HBuilderX自带终端命令窗口导入jQuery1.npm init -y 初始化2.npm i jquery -S 导入jquery导入后直接引用js文件浏览器会报错：undefined token import需要使用webpack命令进行编译方法有两种：（1）webpack 要打包文件 -o 输出路径...
2019-04-28 10:59:06
20770
原创 js正则表达式
1. 新建正则对象—JS风格用*RegExp(‘1’,‘2’)*可新建正则对象 -------//1中可填要检查的字符；例如a，2中可填i或g,i=ignore忽略大小写，g匹配全局例： var re = new RegExp('a','i');2. 正则简单写法—perl风格 var re=/\d+/ig; //\d数字,+任意字数，/之后可写i或g，i表示忽略大小写，g表示...
2019-01-14 18:26:01
899
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人