普通上班族

宿主指的是微信客户端，也就是官方API里的 wx 对象。宿主环境就是微信客户端给小程序提供的一种环境。 宿主环境会把所有文件（wxml、wxss、js、json）统统编译到一个js文件里面，然后通过宿主环境的解析，最终才会在微信APP里面展示出我们日常见到的视图。 宿主环境可以…

微信小程序是小程序中的一种，英文名 WeChat Mini Program，基于JavaScript语言开发，是一种不需要现在安装就可以使用的应用。 小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁…

大屏所要做的就是让数据可视化，数据可视化主要旨在借助于图形化手段，清晰有效地表达和传递信息。 说巧不巧，我现在就负责部门小组数据可视化的一项工作任务（我是发起人），正好可以借着这个学习的机会，回去拿公司的项目练练手。不过，因为公司的信息安全，下面的文章里用到的代码主要还是课程笔…

通过第一堂课我们学习到了如何使用ECharts库绘制常见的图表，包括比较简单且常见的柱形图、饼图，以及稍微复杂一些的地图，并且学习了一些常见的配置项。第二堂课以及本篇笔记中主要介绍ECharts的进阶用法，以便适应项目中遇到的复杂场景。 关于上一篇笔记中柱形图的绘制，可以回忆道…

需要设置好生成echarts的容器，并设置好容器的样式（至少要设置width和height）这样后续才可以显示出来我们绘制的图表。 利用setOption() ，基于上述声明的配置和数据生成我们想要的图表。 配置项option通常是以对象的方式声明，并在对象内声明数据源，最后通…

我们可以利用D3提供的比例尺、坐标轴以及绘图功能，实现一个简单的柱状图。并且通过增加鼠标事件、transition动画和缓动动画来优化柱状图的用户体验，接下来我们逐步看一下如何实现柱状图。 D3的比例尺功能可以让我们自由的建立起一个坐标系统，并设置每一个坐标轴的分量大小，同时可…

工欲善其事，必先利其器。在了解D3对SVG的核心操作之前，我们首先需要知道什么是SVG，以及SVG绘图的基本用法。 SVG可缩放矢量图形是一种基于可扩展标记语言，用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开放标准。 SVG根视图可以认为就是一块画布，所有绘图工作…

D3.js（D3或Data-Driven Documents）是一个使用动态图形进行资料可视化的JavaScript程序库。与W3C标准兼容，并且利用广泛实现的SVG、JavaScript和CSS标准，改良自早期的Protovis程序库。与其他的程序库相比，D3对视图结果有很大…

key在列表渲染当中是必要的，用来表示每一条元素的唯一身份标识。 如果我们在遍历数组渲染列表的时候，没有添加key，那么在这段js代码运行在浏览器的时候，会抛出一个警告a key should be provided for list items，告诉我们必须要添加一个key。…