前端
YogLn
从入门到放弃的蒟蒻
展开
-
axios的二次封装
/src/network/request.jsimport axiox from 'axios'import { BASE_URL, TIMEOUT } from './config'const instance = axiox.create({ baseURL: BASE_URL,//baseURL会在发送请求的时候拼接在url参数的前面 timeout: TIMEOUT})instance.interceptors.request.use(function (config) {原创 2021-04-03 15:18:40 · 289 阅读 · 0 评论 -
跨域的配置
1.什么是跨域跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。注意:跨域限制访问,其实是浏览器的限制同源策略:是指协议,主机(域名),端口都要相同,其中有一个不同都会产生跨域;2. 跨域的解决方法方式一:jsonpjsonp (JSON With Padding) 就是打包在函数中调动的json,或者包裹的jsonjson 是一种数据格式;jsonp是一种数据调用方式//json{ "name":"小明"}//原创 2021-04-03 15:10:48 · 6310 阅读 · 0 评论 -
V-charts坐标轴文字太长显示不全的问题
使用v-charts<ve-histogram class="charts" :settings="chartSettings" :data="chartData" :extend="chartExtend" :grid="grid"></ve-histogram>方案一: 旋转chartExtend: {// x轴字体斜显示 xAxis: { axisLabel: { interval: 0, // rotate: 90 // 旋转的度数原创 2021-01-23 12:21:25 · 1947 阅读 · 1 评论 -
Vue 使用 V-charts 双坐标轴刻度不一致的问题
使用双坐标轴<ve-histogram class="charts" :settings="chartSettings" :data="chartData" :extend="chartExtend" :grid="grid"></ve-histogram> <span slot="footer" class="dialog-footer">:grid=“grid” 统计图右侧宽度,让右边的坐标轴显示完全this.chartSettings = {原创 2021-01-23 12:13:09 · 1109 阅读 · 0 评论 -
vue前端将服务器返回的时间戳转换为想要的日期格式
在mian.js中挂载filterVue.filter('dateFormat',originVal => { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + '') const d = (dt.getDate() + '').padStart(2,'0') const hh = (dt.getHours() + '').padStart(2,'0')原创 2021-01-14 12:13:04 · 642 阅读 · 0 评论 -
vue中关于兄弟组件和父孙组件之间的通信问题
方法一:定义一个bus.js文件,在里面new 一个vue得实例对象import Vue from 'vue'const bus = new Vue();export default bus;// 公共实例文件// 主要用于兄弟组件之间的传值问题在其它.vue文件中引用import bus from './bus.js'使用// 发射bus.$emit('事件', 参数)// 接受bus.$on('事件', 参数 => { })方法二(推荐):在main原创 2021-01-13 13:32:02 · 379 阅读 · 0 评论 -
vue前端获取后端传过来的图片流进行展示
get请求获取到后端传来的图片流不能直接再页面进行展示,需要在接口处进行转化再赋值,转化的方式就是window.URL.createObjectURL( ),将图片流转化为本地请求地址。let res= await this.$http.get('url',{ responseType: 'blob'})this.captchaImg = window.URL.createObjectURL(res.data)responseType: ‘blob’这个也不能少.原创 2021-01-11 16:40:01 · 11175 阅读 · 2 评论 -
vue安装使用v-chart时报错解决方案
v-charts 安装 :npm i v-charts echarts -S运行报错:npm WARN [email protected] requires a peer of echarts@^4.8.0 but none is installed. You must install peer dependencies yourself.npm WARN [email protected] requires a peer of zrender@^4.3.1 but n原创 2021-01-10 15:13:04 · 2376 阅读 · 3 评论 -
element ui中Select 下拉框最后一行显示不完整
原因:因为做目录时,使用了el-scrollbar,为了防止出现横向滚动条,增加了.el-scrollbar__wrap {overflow-x: hidden;}导致这个问题解决方式.el-select-dropdown .el-scrollbar .el-scrollbar__wrap{overflow: scroll!important;}补充填补的样式一定要加!important,以及不能写在标记了scoped的style域内...原创 2021-01-04 15:58:59 · 2063 阅读 · 0 评论 -
vue接收后端的数据导出为excel表
async getDataList() { const _res = await this.$http.put('total/export', { caseNumbers: ['cdx12', '131'], columns: this.codeCol, },{responseType: 'arraybuffer'}) let blob = new Blob([_res.data], { type: 'application/vnd.ms-原创 2020-12-31 21:37:57 · 987 阅读 · 0 评论 -
手机号和邮箱的正则表达式校验
const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/const regMobile = /^(0|86|17951)?(13[0-9]|15[0123456789]|17[678]|18[0-9]|14[57])[0-9]{8}$/原创 2020-11-24 08:59:41 · 674 阅读 · 0 评论 -
css样式实现居中对齐
一、行内元素的居中1.水平居中1.text-align .parent { background-color: red; text-align: center; } <div class="parent"> <span class="child">content</span> </div>2.fit-content .parent { background-color: re原创 2020-11-19 20:09:44 · 1023 阅读 · 0 评论 -
js提交form表单的两种方法
当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在前端页面写;有两种方法,一种是用submit提交。一种是用button提交。方法一:在jsp的前端页面的头部插入一个js方法:function checkUser(){var result = document.getElementById("userid").value;var password = document.getElementById("userpassid").value;if(result ==原创 2020-08-13 00:03:10 · 11525 阅读 · 0 评论 -
鼠标点击颜色特效
a:link {color: blue} /* 未访问时的状态 */a:visited {color: gray} /* 已访问过的状态 */a:hover {color: red} /* 鼠标移动到链接上时的状态 */a:active {color: yellow} /* 鼠标按下去时的状态 */...原创 2020-03-25 17:05:14 · 737 阅读 · 0 评论 -
使用JavaScript和CSS实现不同行颜色的九九乘法表
源代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>乘法九九表</title><style>table{ background-color: grey;}#odd{background-color:blue ;}#even...原创 2020-03-15 19:08:01 · 1150 阅读 · 0 评论 -
CSS盒子应用小案例实现网站的大致分布
HTML代码<!doctype html><html><head><meta charset="utf-8"><title>盒子模型得应用</title><link href="style.css" rel="stylesheet" type="text/css"></head> ...原创 2020-03-11 17:37:48 · 140 阅读 · 0 评论 -
JS字符串常用操作
字符串常用操作字符串的定义var str="hello word";字符串的大小写转换var str1= str.toUpperCase();console.log(str1);var str2= str.toLowerCase();console.log(str2);字符串的查找var index=str.indexOf("llo");//返回首字母的索引,如果不存在则返回...原创 2020-03-09 17:00:28 · 149 阅读 · 0 评论 -
HTML基本要点
HTML是什么?百度百科:https://baike.baidu.com/item/HTML/97049总结:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言。HTML是用来开发网页的。(网页后缀 html,htm)html是标记语言不是编程语言。超文本:超级文本,比文本更加牛逼,可以更加丰富的呈现文字信息。标记:也叫做标签,这个是html里面的一个基...原创 2020-03-08 15:30:00 · 1415 阅读 · 0 评论