- 博客(19)
- 收藏
- 关注
RSS订阅原创 关于使用element-ui导航菜单栏NavMenu报错index无效问题！！！
**报错非常苦恼，去官方文档看了看发现index必须使用string/null数据类型，**多么基础的错误，接口给我返回的是number，使用toString()转换一下方可，
2020-08-15 18:45:24
1498
原创 如何判断一个对象是否为数组类型？你真的知道吗
第一个念头就是使用typeof操作符来判断，然而，通过typeof打印出来的null,数组和对象的类型都是object类型，该方法可以判断数据类型；2.instanceof操作符，判断实例是否属于某个构造函数创建的第一个打印中obj1是构造函数Array的实例，obj2是对象数据类型，不是构造函数Array的实例，第二个打印中均为true，显然obj2是对象数据类型，由于改变了obj2的原型指向，操作符判断出来也是数组类型了，不可用！3.使用原型对象判断，发现结果和使用instanceo.
2020-08-01 17:01:53
295
翻译 谷歌浏览器滚动条样式
滑道和滑轨样式/*滚动条*/ /*滑道(轨)*/ .mask_page_one::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ border-radius: 10px; background-color: #eeeeee; /*background-col...
2020-07-23 19:03:30
163
原创 常用创建空对象创建对象方法var obj = {}；其他几种方法你知道吗
(1）var obj = {}; //创建空对象(2)var obj = Object.create(null);obj.toString //undefinedvar obj = Object.create({x:1});obj.x //1typeof obj.toString //“function”(3)工厂模式function createPerson(name,age,job){var obj = new Object;obj.name = name;return obj;
2020-07-23 08:58:43
3417
2
原创 echarts实现柱状图不同颜色 && 柱状图横向纵向展示
```javascriptseries: [ { name: '', type: 'bar',// color:'#50cfe4', //data: [987342,524214,504344,325424,245324,242102] .
2020-07-22 18:52:07
2093
原创 echarts报错提示echarts is not defined &&& echarts柱状图分段叠加展示
在浏览器页面实现如下图效果所示，放在项目里后报错，排查后发现渐变透明色代码中的color: new echarts 设置完报错,方法一，在使用渐变色的地方改为new this.$echarts可以加载出来，为什么呢？方法二，在当前项目引入import echarts from “echarts” ，报错消失引入import时位置不能放在export default的内部，而在顶层作用域，否则报错import is a reserved wordapp.title = '堆叠柱状图'
2020-07-22 18:50:27
1396
原创 封装JS自定义echarts的tooltip
项目后端返回数字，不同的数字代表不同的文字含义，使用封装的js对echarts的tooltip自定义，代码如下:在组件里使用封装的js最终效果接口返回32的时候，显示旁路故障
2020-07-21 19:12:28
289
原创 扩展运算符(...)的一些作用
内部使用for…of循环，也可以用于Set结构Object.key() 返回一个给定对象的自身可枚举属性组成的数组，数组中属性名的排序和正常循环遍历该对象时返回的顺序一样定义：将一个数组转换成用逗号分隔的参数序列，把数组中的元素孤立起来。var arr =[1,2,3];console.log(…arr);//1 2 3迭代取出来可以单独使用，调用其实就算console.log(1，2，3)作用：1、合并数组，复制数组2、函数多参数传递, 替换Apply3、与结构配合赋值，结构赋值
2020-07-10 18:55:05
1066
原创 Vue中的的通信方式有几种?
props/$emit 适用父子组件通信ref与parent/children适用父子组件通信EventBus(事件总线) 适用于父子、隔代、兄弟组件通信attrs/listeners 适用于隔代组件通信provide/inject 适用于隔代组件通信vuex 适用于父子、隔代、兄弟组件通信slot插槽方式父组件通过props向子组件传参1、props写在子组件，创建一个属性，用来接收父组件传过来的值2、父组件注册子组件，import 一下 components{}一下，3、在父组.
2020-07-10 18:23:23
1014
原创 CSS几个重要的属性
1、圆角 border-radius2、阴影box-shadow3、@media 媒体查询4、Gradient（渐变）属性linear-gradient（to right,#333,#fff）5、background-size 设置背景图像大小6、font-face 自定义web字体7、clearfix处理浮动.clearfix{display:inline-block;}.clearfix:after{content:".";display:block;clear:both;
2020-07-10 18:09:21
157
原创 JS 常见6种错误
SyntaxError：语法错误Uncaught ReferenceError：引用错误RangeError：范围错误TypeError类型错误变量或参数不是预期类型时发生的错误。比如使用new字符串、布尔值等原始类型和调用对象不存在的方法就会抛出这种错误，因为new命令的参数应该是一个构造函数。URIError，URL错误EvalError eval()函数执行错误...
2020-07-10 18:04:03
100
原创 Node.js安装淘宝镜像后，运行cnpm rundev显示系统找不到指定的路径解决方法
首先上图安装淘宝镜像后无法使用，于是使用管理员身份打开cmd后进行淘宝镜像安装，然后安装插件之类的使用cnpm都安装成功了，唯独到最后一步的时候，cnpm run dev显示找不到路径，运行npm run dev能成功启动项目，百度了没有类似回答，最后又运行了cnpm install cnpm -g，启动成功，不知道是这句话的原因吗，忽略代码报错，哈哈哈哈...
2020-06-01 09:43:23
1791
1
原创 echarts环饼图、牵引线
``与上一个echarts的引用有区别，这里先let option了，最后alert_level.setOption(option);上一个是直接alert_level.setOption({内容})//告警分布图表 alertLevelChart(num){ let alert_level = this.$echarts.init(this.$refs['alert-level'...
2020-04-17 19:30:27
1472
原创 JS中let 、var 和const 区别及作用域
JS中let 、var 和const 区别及作用域作用域控制着变量与参数的可见性和生命周期。1、块级作用域任何一对花括号{}中的语句集都属于一个块，在括号内定义的所有变量在代码块外都是不可见的，为块级作用域，比如常用的if(){},for(){}2、函数作用域？有function（）{}函数的形式，3、局部变量变量在函数内声明，变量为局部作用域，只能函数内部访问。注：使用 var ...
2020-04-11 17:22:08
108
原创 table表格中偶数行添加背景问题
本来table想要实现偶数行不同背景色的添加，结果使用：nth-child或者：nth-of-type,但是添加css样式之后，出现的作用在了偶数列，而不是行!!就很纳闷，发现问题竟然是tr：nth-child的tr与冒号之间习惯性的添加了一个空格，然后作用位置就变成列了，原来是css属性掌握不够。结合百度看到的文章理解应该是，没有空格针对的是tr元素偶数变色，带空格后针对的是tr属性下的子...
2020-04-11 17:20:25
650
翻译 echarts环饼图参数
let service_life = this.$echarts.init(document.getElementById('service-life')); service_life.setOption({ title: { text: this.datas.year, //饼图中间显示数据,可以是字符串,也可以在return里面初始化 //text:...
2020-02-27 20:47:52
659
2
翻译 echarts仪表盘参数设置
仪表盘参数echartsYxzl(value){ var yxzl = this.$echarts.init(document.getElementById('yxzl')); var gauge_value = 66; var myRate1 = 98; yxzl.setOption({ color: ['#FA3641', '#F0D025', '...
2020-02-27 20:20:42
4139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人