自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

勤动手多动脑少说多做

勤动手多动脑少说多做

  • 博客(518)
  • 收藏
  • 关注

原创 把elementui的轮播图做成响应式高度的方法(el-carousel的走马灯实现高度自适应)

参考了大神的文章:https://blog.csdn.net/qq_40942490/article/details/109842331我手写出来了。代码如下: <div class="home-middle-top"> <el-carousel trigger="click" :height="bannerHeight+'px'"> <el-carousel-item v-for="item in imgUrls" :key

2021-10-20 16:27:47 2

原创 vue获取当前路由

完整url可以用 window.location.href路由路径可以用 this.$route.path路由路径参数 this.$route.params 例如:/user/:id → /user/2044011030 → this.$route.params.id路由查询参数 this.$route.query 例如:/user/search?name=sf → this.$route.query.name...

2021-10-19 15:47:07 6

原创 修改Echarts提示框(tooltip)的位置和宽高背景色等

tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)', position: ['50 %', '30 %'] },

2021-10-19 11:20:08 7

原创 echarts假数据正常,调接口无法渲染显示的原因:可能是异步的原因

使用async await关键字等await后面的接口完成接受数据之后。再渲染。就可以了。

2021-10-19 11:18:27 7

原创 vue怎样给v-for循环出来的元素动态设置不同的样式

用:class即可使用遍历时的索引值。动态生成不同的class比如class1,class2以此类推代码: <div class="common-title-part-cont part-cont-rt-box"> <el-row v-if="typeImg.length>0" :gutter="10"> <el-col v-for="(item,index) in typeImg"

2021-10-18 19:24:40 6

原创 echarts x轴显示全部数据:在xAxis的axisLabel里添加interval: 0

方法:在xAxis的axisLabel里添加interval: 0xAxis: { data: [], splitLine: { show: false, }, axisLabel: { show: true,

2021-10-18 14:39:16 9

原创 用js 去除数字后面的百分号

parseInt(“100%”)parseFloat(“21.5%”)

2021-10-18 12:38:02 9

原创 echarts踩坑:echarts series label formatte 不显示(关于Echarts中formatter实现动态数据的方法)

找了很久的原因。结果是写的位置不对!例子里面是这样的:(直接在label下面直接写的!)但是我什么方法都试了!网上的回调函数也用了还是不行!结果是这个原因!位置写的不对!层级顺序要写在normal里面才行!!!成功!靠!坑真多可能这里我用的是嵌套的饼图。所以和其他图表属性不一样代码:我这里是在vuex里面调用的接口 // 训练类别占比图表所用数据 async getRecordXllbzb({commit}) { console.log('首

2021-10-15 18:02:08 5

原创 记一次echarts作死经历:echarts 动态 赋值成功。却不渲染不显示?value 不能是百分比!!!

先说方法:echarts 里的data值:value 不能是百分比!!!怎么可能让你传百分百,那个是字符串,echarts用它怎么计算呢?我想实现这个饼图。到处都打印了。确定赋值成功!并且我对比了后端传参的格式也是对的!但是参数的格式不对!人家要是数值!字符串也可以!但是不能是百分比!value 不能是百分比!!!value 不能是百分比!!!value 不能是百分比!!!而后端给我传的值是这样的:浪费一天时间!...

2021-10-15 16:46:17 14

原创 看不到git远程分支

1、先用fetch命令更新remote索引$ git fetch2、再查看remote分支,发现已经可以看到目标分支$ git branch -a3、再切换分支$ git checkout dev-1.04、如需合并master分支到dev-1.0,则执行:$ git merge master

2021-10-14 20:17:22 12

原创 el-dialog修改弹框到顶部的高度margin-top

可以直接设置top

2021-10-13 18:25:16 9

原创 文字太多,超出div,设置text-overflow:ellipsis不起作用问题

代码: overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */ -webkit-box-orient: vertical; /* 垂直排列 */ word-break: break-all; /* 内容自动换行 */效果:...

2021-10-13 16:07:30 8

原创 修改elementui 里面input的placeholder字体颜色

代码:.el-input__inner::placeholder { color: #31E5F5;}/* 谷歌 */.el-input__inner::-webkit-input-placeholder { color: #31E5F5;}/* 火狐 */.el-input__inner:-moz-placeholder { color: #31E5F5;}/*ie*/.el-input__inner:-ms-input-placeholder { color:

2021-10-13 15:34:48 8

原创 把elementui 里的essage 消息提示内容换行显示(把js字符串按照分号换行)

原始得到的结果太多了!想换行解决方法:代码: if (response.code == 500) { console.log(response.code) // this.$message.error(response.msg) let str = response.msg let reg = /[;;]/g; str=str.replace(reg,' <br/> '); con

2021-10-12 16:51:58 10

原创 设置echarts 柱状图 刻度颜色

如图:yAxis: [ { type: 'value', axisLabel: { textStyle: { color: '#ffffff', fontSize: '1rem'

2021-10-12 13:37:17 10

原创 格式化子集代码

console.log("转后结果", axiosDataC) let list = []; const loop = (arr, target) => { for (let i = 0; i < arr.length; i++) { let obj = { label: arr[i].name, value: arr

2021-09-29 15:24:34 24

原创 自定义echarts仪表盘去掉指针

如图:代码:option = { //提示框组件。开发实际中去掉了指针,提示框可以不用设置。 tooltip: { formatter: "{a} <br/>{b} : {c}%" }, //工具栏。本次好像也没用到,刷新,下载,我觉得还是挺实用的,具体开需求! toolbox: { feature: { resto

2021-09-22 14:52:40 50

原创 echarts柱状图顶端用折线图连接起来

效果:代码:option: { color: ["#29676a", "#4CCEFE"], tooltip: {}, grid:{ top:20, height:120 }, xAxis: { data: ['2021-8-1', '2021-8-2', '2021-8-3', '2021-8-4', '2021-8-5', '2021-8-6'],

2021-09-17 16:31:28 35

原创 Echarts雷达图文字标题显示不全的问题

问题:解决办法:radar属性下有个radius属性,可以设置属性值为50%,或者其他值。可以解决问题this.option.radar.radius='60%',效果:

2021-09-15 16:29:23 47

原创 修改echarts饼图悬停默认字体大小

如图:代码: // 修改饼图悬停字体大小 this.option.series[0].emphasis.label.fontSize = '20' this.option.series[1].emphasis.label.fontSize = '20'

2021-09-15 15:47:52 25

原创 Vue 多个路由文件的合并

如图:方法:1.导入(把想要合并的其他路由文件)2.数组合并concat()方法如果要合并多个文件的话。就用es6的方法setlet allRoutes = new Set([...fullPath, ...userRouter,...errorRouter]);如图:

2021-09-15 12:39:28 13

原创 echarts透明渐变效果

代码:option = { color:['rgba(255, 55, 5,0.5)','rgba(84,112,198,0.5)','rgba(128,128, 128,0.5)'], title: { text: '某站点用户访问来源', subtext: '纯属虚构', left: 'center' }, tooltip: { trigger: 'item' }, legend: {.

2021-09-14 16:36:43 12

原创 echarts柱状图多柱重叠和多柱堆叠

效果:如图:标1的地方重叠了2个数据,3也是2个。2只有单独一个。主要是设置stack,没有设置stack的话就是单独一列代码:option = { legend: { data: ['直接访问','邮件营销','联盟广告','视频广告','百度',], }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat',

2021-09-14 14:52:20 203

原创 echarts折线图和双层柱状图结合绘制

效果:代码:option = { color:["#7179CB","#4CCEFE"], title: { text:"统计总量", textStyle:{ fontSize:16, padding:"10px" } }, legend: { data: ["总量", "分量"]

2021-09-14 14:35:05 11

原创 echarts折线图和柱状图结合绘制

代码: option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [150, 230, 224, 218, 135, 147,.

2021-09-14 14:02:04 35

原创 只能用watchEffect才能监听的到vue3 监听父组件传过来的值

vue3 监听父组件传过来的值的时候,还只能用watchEffect才监听的到,。用watch像正常那种写法,一点反应都没有 。

2021-09-13 16:44:31 33

原创 2021前端开发面试题及答案---图片(面试题系列持续更新中)(4)

参考答案:1.1 js中null和undefined区别?1. 相同点  if 判断语句中,两者都会被转换为false 2. 不同点Number转换的值不同,Number(null)输出为0, Number(undefined)输出为NaNnull表示一个值被定义了,但是这个值是空值作为函数的参数,表示函数的参数不是对象作为对象原型链的终点 (Object.getPrototypeOf(Object.prototype))定义一个值为null是合理的,但定义为undefine.

2021-09-13 16:40:25 36

原创 2021前端开发面试题及答案---图片(面试题系列持续更新中)(3)

参考答案:1.html5新特性有哪些?(1)用于绘画的 canvas 元素(2)用于媒介回放的 video 和 audio 元素(3)对本地离线存储的更好的支持(4)新的特殊内容元素,比如 article、footer、header、nav、section(5)新的表单控件,比如 calendar、date、time、email、url、search(6)语义化标签,比如等2.cookie和localStorage的区别localStorage:永久存储,存储在浏览器端,存储容量为8M,.

2021-09-11 18:59:22 25

原创 2021前端开发面试题及答案---图片(面试题系列持续更新中)(2)

2021-09-09 16:57:36 27

原创 IT互联网前后端程序员求职现状:面试造火箭,入职拧螺丝?

面试多了就会发现,面试造火箭,入职拧螺丝。各种原因导致现在程序员也越来越卷。僧多粥少。并且很多年龄大的程序员会有中年危机,害怕被裁员。自然界就是这样。物竞天择,适者生存。如果我们不想被淘汰就需要让自己有价值。我们要从自己身上找原因,因为找别人的原因也没用。面试官问的很多知识点,工作中有些也用过,感觉平时只是停留在会用,理解的比较浅显,或者没有深入去剖析。其实我们平时也做了那么多项目了,代码也会写。但是面试的时候,感觉很多都说不清楚。便会产生自我怀疑。很多人的不足,大概可以分为:口才一般,不太会

2021-09-01 08:39:56 26 1

原创 微信小程序UI框架有哪些?

资料:https://www.zhihu.com/question/280282750/answer/1284136587

2021-08-16 19:50:28 33

原创 微信小程序UI框架之【weui】怎样使用

介绍官网:https://weui.io/这是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。官方文档:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/使用方法demo:安装方法一:使用bower进行安装bower install --save weui方法二:使用npm进行安装n

2021-08-16 19:48:00 51

原创 vue中mixins和组件的区别和用法

mixins混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。mixins理解组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。而mixins则是在引入组件之后,则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充了。

2021-08-13 11:55:08 100

原创 vue2和vue3中mixins的用法

资料:css中的mixin及其用法

2021-08-12 17:56:06 60

原创 vue3怎样使用elementui?用elementui 的新版本element-plus即可

在以前的elementui 旧版本中只能选择2点几的版本:想要在vue3里使用elementui 的话,要用element-plushttps://element-plus.gitee.io/#/zh-CN

2021-08-10 18:22:23 260

原创 怎样在Vue中使用websocket传输数据

简介WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。其他特点包括:(1)建立在 TCP 协议之上,服务器端的实现比较容易。(2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。(3)数据格式比较轻量,性能开销

2021-08-05 14:21:11 115

原创 elementui 标签el-tabs等分显示

https://element.eleme.cn/#/zh-CN/component/tabs使用这个属性即可:效果:

2021-08-02 14:46:27 119

原创 双击electron生成的exe之后页面空白的解决办法

问题:每次执行npm run start命令的话。显示就正常。但是直接双击就有问题。解决办法:每次修改内容之后。需要重新打包运行。可以看我之前的文字:https://blog.csdn.net/qq_22182989/article/details/118577548...

2021-07-29 17:05:26 71

原创 vue项目报错导致项目无法启动

报错截图:解决办法:改成这样就行:把那个规则清空就好了。

2021-07-29 16:33:17 23

原创 vue 项目GET http://localhost:8080/ 404 (Not Found)

解决办法:这里只有一个斜杠。没有一点。出错原因:我昨天打包的时候要操作这个文件。把dev里的地址也加了一个点。其实只需要在打包的地方加一个点就好了资料:https://blog.csdn.net/xiaoxia188/article/details/83746465...

2021-07-29 16:22:19 456

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除