使用echarts画排名信息，可以保证在固定大小的容器中完美展现，不会出现文字和图画越界问题。 效果图： image.png /** * 画占比图 * @param {String} container 容器 ...

在一些柱状图数据比如天气数据、男女比例等信息，在轴线上面加上图片可以更直观的查看数据。 效果图： image.png /** * 画轴线带图片的柱状图 * @param container 容器 * @ ...

Symbol Symbol是ES6中新增的一种类型，其含义是符号、标志，它的作用是每调用一次都会返回一个独一无二的返回值，我们可以将此返回值作为对象的属性，这样就不会与原有的属性重名了。即使传入相同的参数，Symbol方法也会返回不同的值。 ...

很多前端大佬说，要做好前端的话html和css基础必须夯实。那么，达到什么水平才能叫基础夯实呢?1、拿到设计人员给的图，不管是pc或者是移动端的图，看一遍之后脑海中已经有了很明确的结构和页面书写过程中可能出现的兼容问题。 2、页面在书写的时 ...

这篇文章是我推荐给大家有想法学习前端，或者已经开始琢磨web前端的小伙伴们的。之前就有很多朋友跟我说，学习编程学习前端的时候，总是摸不清头脑，一大推问题需要解决，种种书籍需要去啃，字符、单词都需要去记。就感觉要费上很多时间，居然担忧青春饭是 ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

这篇作为之前一篇文章的延续，以及对过去3个月我模拟面试过的30多位同学的面试情况总结，我们来聊一下怎么做出亮点你负责的业务是什么？(学会发现问题)之前在群里参加活动的同学，有不少说在小公司，被业务需求压着。既然大家都说在做业务，那么，正看到 ...

Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。 容器属性 1. display属性 指定一个容器采用网格布局 div { display: grid; } div { displ ...

App 容器，简言之，App 承载某类应用（H5/RN/Weex/小程序/Flutter ...）的运行环境，可主动干预并进行功能扩展，达到丰富能力、优化性能、提升体验的目的，如页面数据预取（prefetch）缩短页面可用耗时、WebAR ...

平时用图表可能都是常规的折线图，柱状图，饼图这些基本的。下面的是一个漏斗图 + 象形柱图写出来的图表。完成后的图表，关键是右半边漏斗图很简单，只讲下象形柱图里的几个关键点（因为这里的用法有点特 ...