- 博客(5)
- 收藏
- 关注
RSS订阅原创 Echarts中漏斗图的label如何右对齐
效果图实现原理两个相同数据的series进行叠加，一个不显示label，一个显示。显示label的series设置maxSize: 0，然后层级放在下方即可配置option = { series: [ { name:'漏斗图', type:'funnel', left: 0, top: 60, bottom: 60, width
2021-06-30 16:59:01
2397
原创 Echarts中实现圆角圆环图
效果图主要原理设置 series: 'bar'（柱状图）中的坐标系为极坐标系（polar）coordinateSystem: 'polar'开启柱状图中的数据堆叠，同个类目轴上系列配置相同的stack值可以堆叠放置。stack: 'A' // 值可以随便写，只要保证每个series中的stack是相同的值即可计算堆叠的数据总和，设为angleAxis配置项中的max的值，即angleAxis: { max: 16 } // 坐标值的最大值设置series配置项中的roundCap: true，
2021-06-30 16:44:42
11190
8
原创 css中元素垂直居中对齐的几种方式
1. table td 居中对齐使用table布局，利用table td元素的vertical-align来实现垂直居中优点：兼容性好，ie8+都支持要点：改变需要垂直居中的元素的父元素的display，设为table-cell即可注意：设为table-cell的父元素会受其父元素的布局影响，具体使用时，请根据情况看是否要使用额外的包裹元素以消除影响/* css */.table-cell { display: table-cell; vertical-align: middle;
2020-07-13 22:49:51
1586
原创 简述浏览器端js的事件循环（eventloop）
js语言是单线程的，同一时刻只能做一件事情，为了协调事件、用户交互、UI渲染和网络请求等行为，防止主线程进入阻塞，eventloop的方案应运而生。eventloop包含两类：一类是基于 Browsing Context，一类是基于Worker，二者是独立的。这里主要说一下基于浏览器端的事件循环。任务队列事件循环是使用任务队列的机制来实现的。一个eventloop中，可以把有一个或多个任务队列（task queue），一个任务队列便是一系列有序任务（task）的集合；每个任务都有一个任务源（task s
2020-07-10 22:27:48
436
1
原创 css命名规范推荐 - BEM
BEM的命名规矩block-name__element-name–modifier-name，也就是块名 + 元素名 + 修饰器名称。块一个独立的有意义的实体。块与块之间虽然可以嵌套，但从语义上讲，它们是相等的，没有优先级或层次结构。例如，现在有个form组件，那么按照块的命名规则，则可将其命名为.form：// css.form { display: flex; width: 400px; flex-direction: column;}// html<form class=
2020-05-14 15:32:40
270
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人