开发感悟20230426

一、element-ui样式设置

1. 可以直接在css中写个样式文件,把对应的类名改写样式,然后在main.js中引用,可以覆盖上面的,如果想给element-ui设置样式,不用设置deep了

2.可以直接修改引入的element-ui的样式,找到对应的样式就可以修改

二、比echarts还要好用的 antv

也是阿里的,比echarts要强大,但是配置会更复杂,如果echarts满足不了,可以用antv

echarts 4.2.1版本,可以通过$el绑定html,但是升级到5.版本了

三、nextTick()

nextTick所指定的回调会在浏览器更新DOM完毕之后再执行。

mount是声明周期函数,执行完后不再执行,但是nextTick什么时候调都可以

四、卸载

想下载高版本的插件,可以在package.json中直接删,然后重新npm i,可以覆盖旧的

五、let

let在区块中生效,在区块中属于全局作用域

六、数组赋值对象

对象属性,可以写成变量 obj[‘startDate’]

对象属性 obj.endDate

let obj = {
          startDate: '',
          endDate: ''
        }
        if(this.value.length){
          obj['startDate']=this.value[0].slice(0,10)
          obj.endDate=this.value[1].slice(0,10)
        }

others

filter用于对数组进行过滤

七、如果写了数组length报错

peError: Cannot read properties of null (reading 'length')
 

考虑if判断的时候是否加了 if(this.value && this.value.length)
如果日历不选择,那么value值为空, this.value = null , 就会报上述错误

八、hasOwnProperty

为了检查某个对象是否拥有不在原型链上的自定义属性,就有必要用到 hasOwnProperty 方法,任何一个对象都具有该方法,它继承自 Object.prototype。

你可能感兴趣的:(javascript,echarts,vue.js)