Vue学习日记29

1.resolve参数作用
解析:Promise对象代表一个异步操作,有三种状态:Pending[进行中]、Resolved[已完成,又称Fulfilled]和Rejected[已失败]。通过回调里的resolve(data)将这个promise标记为resolverd,然后进行下一步then((data)=>{//dosomething}),resolve中的参数就是要传入then的数据。

2.Viewport
解析:
[1]viewport:可视窗口,也就是浏览器
[2]vw:viewport宽度,1vw等于viewport宽度的1%
[3]vh:viewport高度,1vh等于viewport高的的1%

3.设置div元素的高度为当前窗口高度-100px
解析:

div {
		height: calc(100vh - 100px);     
    }

4.CSS3使用Calc
解析:
[1]使用“+”“-”“*”“/”四则运算
[2]可以使用百分比、px、em、rem等单位
[3]可以混合使用各种单位进行计算
[4]表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的
[5]表达式中有“*”和“/”时,其前后可以没有空格,但建议留有空格

5.在Vue中绑定样式
解析:
[1]v-bind:class
[2]v-bind:style

6.Vue中string转int
解析:parseInt()

7.Vue生命周期
解析:
[1]created:html加载完成之前,执行。执行顺序:父组件-子组件
[2]mounted:html加载完成后执行。执行顺序:子组件-父组件
[3]methods:事件方法执行
[4]watch:watch是去监听一个值的变化,然后执行相对应的函数
[5]computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值

8.$_
解析:mixins properties

9.json对象和json数组
解析:
[1]jsonObject

"Row":{
"YLX":"2010",
"ZYY":"变更",
"YWH":"60000000020181213",
"JYH":"200151"
}

[2]jsonArray

"Row":[
{
"YWX":"200",
"ZYY":"变更",
"YBH":"60000000020181213,
"JYH":"200151"
}
]

10.echarts.dispose
解析:销毁实例,实例销毁后无法再被使用。

11.echarts.init
解析:创建一个ECharts实例,返回echartsInstance,不能在单个容器上初始化多个ECharts实例。

12.echarts.connect
解析:多个图表实例实现联动。

13.echarts.disconnect
解析:解除图表实例的联动,如果只需要移除单个实例,可以将通过将该图表实例group设为空。

14.echarts.getInstanceByDom
解析:获取dom容器上的实例。

15.echarts.registerMap
解析:注册可用的地图,必须在包括geo组件或者map图表类型的时候才能使用。

16.echarts.getMap
解析:获取已注册的地图。

17.echarts.registerTheme
解析:注册主题,用于初始化实例的时候指定。

18.echarts.graphic
解析:图形相关帮助方法。如下所示:
[1]extendShape:创建一个新的shape class。
[2]registerShape:注册一个开发者定义的shape class。
[3]getShapeClass:得到一个注册好的class。
[4]clipPointsByRect:输入一组点,和一个矩形,返回被矩形截取过的点。
[5]clipRectByRect:输入两个矩形,返回第二个矩形截取第一个矩形的结果。

19.echarts action
解析:ECharts中支持的图表行为,通过dispatchAction触发。代码中的?:表示该属性是可选的。EVENT:是action对应触发的事件。

20.echarts events
解析:在ECharts中主要通过on方法添加事件处理函数,该文档描述了所有ECharts的事件列表。ECharts中的事件分为两种,一种是鼠标事件,在鼠标点击某个图形上会触发,还有一种是调用dispatchAction后触发的事件。

21.setInterval()方法
解析:
[1]setInterval()方法可按照指定的周期[以毫秒计]来调用函数或计算表达式。
[2]setInterval()方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。

22.object.valueOf()
解析:返回值为该对象的原始值。

23.action.tooltip
解析:提示框组件相关的行为,必须引入提示框组件后才能使用。

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

25.JavaScript random()方法
解析:random()方法可返回介于0~1之间的一个随机数。

参考文献:
[1]JavaScript shift()方法:https://www.w3school.com.cn/jsref/jsref_shift.asp

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

猜你喜欢

转载自blog.csdn.net/shengshengwang/article/details/104813011
今日推荐