JavaScript
js基础知识
Shen_Winnie
小小前端开发
展开
-
【BizCharts】可视化图表使用(3)——环形图(使用极坐标来实现)
效果图 描述 多重圆环重叠 颜色 环形带背景 环形开头的坐标(1月,2月…) 数据 // 数据源 const data = [{ month: '01', value: 0.25, }, { month: '02', value: 0.5, }, { month: '03', value: 0.75, }, { month: '04', value: 0.75, }]; 设置每个月份对应的颜色 const原创 2021-10-09 11:27:28 · 534 阅读 · 0 评论 -
【BizCharts】可视化图表使用(2)——面积图/Area
效果图 官方事例 我的实现 描述 坐标轴文字颜色、文字旋转 坐标轴线宽度、颜色 面积区域颜色 图例样式 去除网格线 实现 横坐标纵坐标颜色、字体、角度,配置Axis属性label label={{ rotate: 120, style: { fill: '#6fdfe1', fontSize: 10, }, }} 坐标轴线宽度、颜色,配置Axis属性line line={{ style: { lineWidth: 2, s原创 2021-09-30 16:44:09 · 607 阅读 · 1 评论 -
【BizCharts】可视化图表使用(1)——目录
1-写在前面 BizCharts版本:"bizcharts": "^4.1.11", 其他技术:React 本文用于帮助学习BizCharts,基础的内容还是需要自己先看官方文档 2-目录 2.1-面积图(Area) 2.1.1-效果图 2.1.2-简介 待补充 2.1.3-详细讲解链接 待补充 2.2-线图(Line) 2.2.1-效果图 2.2.2-简介 待补充 2.2.3-详细讲解链接 待补充 2.3 柱状图(Interval) 2.3.1-效果图 2.3.2-简介 待补充 2.3.3-详细讲原创 2021-09-09 14:56:48 · 446 阅读 · 0 评论 -
【this指向】之末:练习
var name = 222 var a = { name: 111, say: function () { console.log(this.name) } } var fun = a.say fun() // 222 a.say() // 111 var b = { name: 333, say: function (fun) { fun() } } b.say(a.say) // 222 b.say = a.say b.say() // 333原创 2021-06-20 18:48:02 · 48 阅读 · 0 评论 -
【this指向】之三:函数和箭头函数中的this
1.普通函数 在这里插入代码片原创 2021-06-20 17:32:53 · 56 阅读 · 0 评论 -
【this指向】之二:类中的this
1.构造函数中的this class Animal { constructor(type) { console.log(this) // this指向Animal的实例对象 this.type = type || 'animal' } run () { console.log('It is running.') } } const Lily = new Animal('cat') 2.子类方法中的this class Dog extends Animal { a原创 2021-06-20 16:00:41 · 239 阅读 · 0 评论 -
【this指向】之一:不同执行环境全局作用域和函数中的this
关于浏览器缓存强制缓存:cache-control,Expires对比缓存:last-modified,Etag 强制缓存:cache-control,Expires Expires是一个绝对时间,即服务器时间。浏览器检查当前时间,如果还没到失效时间就直接使用缓存文件。但是该方法存在一个问题:服务器时间与客户端时间可能不一致。因此该字段已经很少使用。 cache-control中的max-age保存一个相对时间。例如Cache-Control: max-age = 484200,表示浏览器收到文件后,缓存在原创 2021-06-20 14:20:14 · 180 阅读 · 0 评论