- 博客(23)
- 收藏
- 关注
RSS订阅原创 JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问
1. Array.push()向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。一个：var fruits = ["Banana", "Orange", "Apple", "Mango"];var x=fruits.push("Kiwi");console.log(fruits)//(5) ["Banana", "Orange", "Apple", "Mango", "Kiwi"] console.log(x)//5 x是 新的数组长度多个：var fruits =
2021-10-27 16:59:12
1742
原创 Object.keys方法
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。如果你想获取一个对象的所有属性,，甚至包括不可枚举的，请查看Object.getOwnPropertyNames。场景：参考：Object.keys方法之详解...
2021-10-27 15:04:33
249
原创 echarts饼图 提示框位置设置
默认是跟随鼠标的位置，有时候显示不完，或者有其他特殊需求，需要重新设置位置通过数组表示提示框浮层的位置，数字 设置 绝对位置，百分比 设置 相对位置。position: [10,10] //绝对位置，相对于容器左侧10px，上侧10pxposition: [‘50%’, ‘50%’] //相对位置，放置在容器正中间tooltip: { show: true, trigger: 'item', formatter: "{a} <br/>{b}: {c
2021-10-25 18:21:51
2025
原创 背景透明的2种写法。效果不一样
1，如果单独设置透明度的话。该元素下面的所有内容都会透明background-color: #000; opacity: 0.5;2，如果把颜色和透明度写在一起。就只会那一个元素透明。不会影响其他的 background: rgba(0,0,0,0.6);...
2021-10-22 18:34:14
348
原创 修改elementui 的el-carousel轮播图样式。自定义样式（轮播图带文字轮播+修改按钮样式）
效果：代码：改图标样式： <div class="home-middle-top"> <el-carousel :interval="5000" arrow="always" trigger="click"> <el-carousel-item v-for="item in imgUrls" :key="item.id"> <el-row>
2021-10-21 11:14:59
7701
5
原创 vue 点击切换动态修改Class变化,实现当前样式改变（点击选中高亮）
效果：默认显示第一个代码：我这里是动态生成的5个小方块 <div class="gdw-num-box-inner" v-for="item in 5" :key="item"> <span class="num-s" :class="isChecked==item?'check-num':'num-s'" @click="getNum(item)" ref="gdwNum"></span> </div>
2021-10-21 10:46:57
2002
原创 把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
1237
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
510
原创 修改Echarts提示框（tooltip）的位置和宽高背景色等
tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)', position: ['50 %', '30 %'] },
2021-10-19 11:20:08
6517
2
原创 echarts假数据正常，调接口无法渲染显示的原因：可能是异步的原因
使用async await关键字等await后面的接口完成接受数据之后。再渲染。就可以了。
2021-10-19 11:18:27
616
原创 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
3214
2
原创 echarts x轴显示全部数据：在xAxis的axisLabel里添加interval: 0
方法：在xAxis的axisLabel里添加interval: 0xAxis: { data: [], splitLine: { show: false, }, axisLabel: { show: true,
2021-10-18 14:39:16
2755
原创 echarts踩坑：echarts series label formatte 不显示（关于Echarts中formatter实现动态数据的方法）
找了很久的原因。结果是写的位置不对！例子里面是这样的：（直接在label下面直接写的！）但是我什么方法都试了!网上的回调函数也用了还是不行！结果是这个原因！位置写的不对！层级顺序要写在normal里面才行！！！成功！靠！坑真多可能这里我用的是嵌套的饼图。所以和其他图表属性不一样代码：我这里是在vuex里面调用的接口 // 训练类别占比图表所用数据 async getRecordXllbzb({commit}) { console.log('首
2021-10-15 18:02:08
5420
6
原创 记一次echarts作死经历：echarts 动态 赋值成功。却不渲染不显示？value 不能是百分比！！！
先说方法：echarts 里的data值：value 不能是百分比！！！怎么可能让你传百分百，那个是字符串，echarts用它怎么计算呢？我想实现这个饼图。到处都打印了。确定赋值成功！并且我对比了后端传参的格式也是对的！但是参数的格式不对！人家要是数值！字符串也可以！但是不能是百分比！value 不能是百分比！！！value 不能是百分比！！！value 不能是百分比！！！而后端给我传的值是这样的：浪费一天时间！...
2021-10-15 16:46:17
987
5
原创 看不到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
1226
原创 文字太多，超出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
280
原创 修改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
5385
4
原创 把elementui 里的message 消息提示内容换行显示+弹框一直显示不消失+修改弹框位置+可以手动关闭消息提示框（把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
3495
原创 设置echarts 柱状图 刻度颜色
如图：yAxis: [ { type: 'value', axisLabel: { textStyle: { color: '#ffffff', fontSize: '1rem'
2021-10-12 13:37:17
2505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人