水波图是大屏里很常用的图表： 一般用来表示百分比数据，水波的高度会根据百分比的数值变化，另外水波也会左右移动，就像真实的水波一样。 实际项目里我们可以使用ECharts来实现，不过自己实现一个也并不难

起因 很多人都知道，setTimeout 是有最小延迟时间的，根据 MDN 文档 setTimeout：实际延时比设定值更久的原因：最小延迟时间 中所说： 在 HTML Standard 规范中也有提

写在前面 本文尝试用原生JS实现任意区域的地图、类似echart的map图、具体效果如下。 echart的使用 我们使用echart生成地图一般只要三步就可以了: 先引入echart.js、再去阿里云

有一天老板跑过来跟我说，我们接到一个水利局的项目，需要做一些天气效果，比如说降雨、河流汛期、洪涝灾害影响啥的，你怎么看。欸，我觉得很有意思，马上开整。

项目迭代过程中，碰上一个需求，要求用甘特图的方式显示项目的工期进度，开完会我赶紧搜索一下甘特图是啥东东，大概了解之后，做出了如下样式 Echarts版本4.5.0 vue版本2.x

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

使用color: transparent将文字颜色设置为透明， background-clip: text设置背景根据文字形状裁剪，最后设置渐变背景即可完成渐变彩虹文字🌈

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 前言 说起图片的马赛克，可能一般都是由后端实现然后传递图片到前端，但是前端也是可以通过canvas来为图片加上马赛克的，下面就通过码上掘金来

前段时间偶然进入了iview的首页，被响应式的大波浪吸引，正好公司项目正在做大屏，遂拿了下来，不得不夸赞开源精神