gulp
可以构建和组织当前项目,而输入 gulp serve
将会运行一个服务器,同时也可以通过输入 gulp pagespeed
来使用Google 的 PageSpeed insights (一个网站分析工具)HTML文件总是包含一个文档类型,我推荐HTML5的简单文档类型:
<!DOCTYPE html>
这不是一篇介绍D3的使用教程,而是只想说说我为什么选择使用D3,借以思考在面对新的技术的时候我该如何选择。
这段时间我在录制一门课程网页上的图表。录制课程前我调查了一下,应该用哪些工具/库来制作图表。可以确定的是,我要用svg来生成图表,而不是用html5中的canvas。开始采用的是Raphaël,一个用来创建和操作网页上矢量图形的javascript库。最开始偏向于使用Raphaël是因为之前看到的一个很漂亮的页面。在费了几天的时间,经过了很多挫折和参考资料没找到太多的情况下,做出了一个凑合的简单的图表。然后我退缩了,直到我发现了D3。
D3的缩写是Data Driven Documents,与Raphaël的关系:
相同点
都是用javascript写的针对矢量图的库
都可以对DOM节点进行操作,包括绘制,修改,添加动画效果以及图形的交互