自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

WinnieShen的博客

记录一些平时自己的学习和输出

  • 博客(9)
  • 收藏
  • 关注

原创 【H5在混合开发中的兼容问题】如何同时适配:ios的安全区域/沉浸式开发下的安卓状态栏

下面是一段在umi中的配置,仅举例,不使用umi的情况可以自己看加到具体位置。完美解决问题,避免使用js来判断环境再去设置样式的复杂操作。代码中使用:(直接使用css样式)

2023-03-30 10:36:28 922

原创 【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

原创 【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 613 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 449

原创 【问题】react项目搭建时常见问题一

问题描述从tsx中exoprt一个interface(接口),在另一个tsx中使用,结果会报这个接口定义未使用xxx is defined but never used,但是实际上是用了的。解决方案如下:"@typescript-eslint/eslint-plugin": "^2.8.0""eslint-config-react-app": "^5.1.0""eslint-plugin-flowtype": "3.13.0""eslint-plugin-jsx-a11y": "6.2.3""

2021-08-23 10:17:46 239

原创 【this指向】之末:练习

var name = 222var a = { name: 111, say: function () { console.log(this.name) }}var fun = a.sayfun() // 222a.say() // 111var b = { name: 333, say: function (fun) { fun() }}b.say(a.say) // 222b.say = a.sayb.say() // 333

2021-06-20 18:48:02 48

原创 【this指向】之三:函数和箭头函数中的this

1.普通函数在这里插入代码片

2021-06-20 17:32:53 56

原创 【this指向】之二:类中的this

1.构造函数中的thisclass Animal { constructor(type) { console.log(this) // this指向Animal的实例对象 this.type = type || 'animal' } run () { console.log('It is running.') }}const Lily = new Animal('cat')2.子类方法中的thisclass Dog extends Animal { a

2021-06-20 16:00:41 240

原创 【this指向】之一:不同执行环境全局作用域和函数中的this

关于浏览器缓存强制缓存:cache-control,Expires对比缓存:last-modified,Etag强制缓存:cache-control,ExpiresExpires是一个绝对时间,即服务器时间。浏览器检查当前时间,如果还没到失效时间就直接使用缓存文件。但是该方法存在一个问题:服务器时间与客户端时间可能不一致。因此该字段已经很少使用。cache-control中的max-age保存一个相对时间。例如Cache-Control: max-age = 484200,表示浏览器收到文件后,缓存在

2021-06-20 14:20:14 180

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除