Vue学习日记30

1.JavaScript Date对象
解析:日期对象用于处理日期和时间。
[1]getFullYear():使用getFullYear()获取年份。
[2]getTime():返回从1970年1月1日至今的毫秒数。
[3]setFullYear():使用setFullYear()设置具体的日期。
[4]toUTCString():使用toUTCString()将当日的日期转换为字符串。
[5]getDay():使用getDay()和数组来显示星期。

2.JavaScript中+newDate()使用
解析:+对于之后的日期对象进行加法运算,触发日期对象valueof()方法,最终得到的是日期对象的毫秒数,也就是时间戳。

var date=new Date()
console.log(+date)
console.log(date.getTime())
console.log(date.valueOf())

3.echarts
解析:在使用echarts生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts的出现正是为了解决这个痛点。基于Vue2.0和echarts封装的v-charts图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。

4.__ob__: Observer
解析:这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。console.log(JSON.stringify(this.obj)),进行获取原始数据对象。

5.itemStyle参数
解析:可以设置诸如阴影、透明度、颜色、边框颜色、边框宽度等。

6.ECharts异步加载数据
解析:ECharts通常数据设置在setOption中,如果我们需要异步加载数据,可以配合jQuery等工具,在异步获取数据后通过setOption填入数据和配置项就行。

7.myChart.showLoading();
解析:开启loading效果。

8.ECharts数据集
解析:dataset组件用于单独的数据集声明,从而数据可以单独管理,被多个组件复用,并且可以基于数据指定数据到视觉的映射。

9.ECharts交互组件
解析:ECharts提供了很多交互组件:例组件legend、标题组件title、视觉映射组件visualMap、数据区域缩放组件dataZoom、时间线组件timeline。

10.ECharts数据的视觉映射
解析:
[1]图形类别[symbol]
[2]图形大小[symbolSize]
[3]颜色[color]
[4]透明度[opacity]
[5]颜色透明度[colorAlpha]
[6]颜色明暗度[colorLightness]
[7]颜色饱和度[colorSaturation]
[8]色调[colorHue]

11.ECharts事件处理
解析:
[1]用户鼠标操作点击,比如’click’、‘dblclick’、‘mousedown’、‘mousemove’、‘mouseup’、‘mouseover’、‘mouseout’、‘globalout’、'contextmenu’事件。
[2]还有一种是用户在使用可以交互的组件后触发的行为事件,例如在切换图例开关时触发的’legendselectchanged’事件,数据区域缩放时触发的’datazoom’事件等。

12.ECharts旭日图
解析:旭日图由多层的环形图组成,在数据结构上,内圈是外圈的父节点。因此,它既能像饼图一样表现局部和整体的占比,又能像矩形树图一样表现层级关系。

13.var _this = this作用
解析:_this只是一个变量名,this代表父函数,如果在子函数还用thisthis的指向就变成子函数了,_this就是用来存储指向的。

14.v-charts
解析:npm i v-charts echarts -S

15.shift()方法
解析:shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

16.var myDate=new Date()
解析:Date对象用于处理日期和时间。Date对象自动使用当前的日期和时间作为其初始值。

17.JavaScript中的var
解析:在函数体外使用var关键字定义的变量和在函数体内未用任何关键字声明的变量是全局变量,在函数体内使用var关键字声明的变量是局部变量。

18.dateObject.toString()
解析:toString()方法可把Date对象转换为字符串,并返回结果。

19.withCredentials: true
解析:当为true时,发送请求会带cookie,不需要带cookie可以设置false。

20.设置请求次数,请求的间隙
解析:

service.defaults.retry = 4;
service.defaults.retryDelay = 1000;

21.echarts之tooltip-trigger
解析:当trigger为item时只会显示该点的数据,为axis时显示该列下所有坐标轴所对应的数据。

22.xAxis.type
解析:坐标轴类型。如下所示:
[1]‘value’:数值轴,适用于连续数据。
[2]‘category’:类目轴,适用于离散的类目数据,为该类型时必须通过data设置类目数据。
[3]‘time’:时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计算上也有所不同,例如会根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。
[4]‘log’:对数轴。适用于对数数据。

23.tooltip.formatter
解析:提示框浮层内容格式器,支持字符串模板和回调函数两种形式。

24.git add[git 1.x]
解析:
[1]git add -A:提交所有变化
[2]git add -u:提交被修改[modified]和被删除[deleted]文件,不包括新文件[new]
[3]git add .:提交新文件[new]和被修改[modified]文件,不包括被删除[deleted]文件

25.git add[git 2.x]
解析:
[1]git add -A:提交所有变化
[2]git add -u:提交被修改[modified]和被删除[deleted]文件,不包括新文件[new]
[3]git add .:提交新文件[new]、被修改[modified]文件、被删除[deleted]文件

参考文献:
[1]Date对象转换:https://www.cnblogs.com/sunshq/p/4503437.html
[2]git add -A和git add .区别:https://blog.csdn.net/caseywei/article/details/90945295

发布了400 篇原创文章 · 获赞 423 · 访问量 38万+

猜你喜欢

转载自blog.csdn.net/shengshengwang/article/details/104888196