May24

1. 关于react中使用less

/**
在网上试了很多方法，都没有作用。最后，用了一种办法，在vs-code写less,引入的时候引入css文件，less中定义颜色的方法和嵌套随你写。
@red-color : red ;
*/

2. 关于判断一段值是否为undefined

例如一个字段为  alartItem（object） ,它所包含的字段可能有值，也可能值为undefined，
也可能值null,那么我们就需要进行判断，不能使undefined值报出来。
    let alarmItem = {name : "我", tiems: 1}
    如果 alarmItem.name 有值，不含undefined、null, '',false，
执行 ? 后面的打印这段话。反之执行 :得到 null ，null  下面的if 语句不执行！console.log(alarmText) 打印为null。
    
    let alarmText = (alarmItem && alarmItem.name) ? `阳光明媚的春天,${alarmItem.name}去了苏州园林、北塔寺。苏州的温
婉，徐徐清风沁人心脾。以后若有机会可还要再去${alarmItem.times || 0} 次。`: null （没有times字段， 则取0）
    console.log(alarmText)
    
    if(alarmText){  // 如果有值，不含undefined、null, '',false，执行此条件语句,反之不执行！
        console.log('11111')
    }

3. echarts配置项轻点

tooltip是鼠标悬浮的相关配置项

grid是echarts距离上下左右 的距离，还包含其他属性，此处浅谈。

xAxis 、yAxis分别代表x,y轴， type表示坐标轴类型

  'value' 数值轴，适用于连续数据。（y轴可能用的多）

  'category' 类目轴，适用于离散的类目数据。为该类型时类目数据可自动从 series.data 或 dataset.source 中取，或者可通过 xAxis.data 设置类目数据。（x轴设置此属性，要给一个data数组以在x轴显示）

  'time' 时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。 （此二种暂未用到）

  'log' 对数轴。适用于对数数据。

axisLine ---> 坐标轴轴线相关设置，可设置 
lineStyle: {
              color: "#fff",
            },
 很多线段相关的社会都有lineStyle这个属性，里面的属性设置也大致相同。