D3.js入门基础教程

什么是“框架”,框架是应用程序“模板”

就好比“八股”文章,不论好坏,按照规则填填就是

什么是“应用程序”,应用程序是完成某项特定任务的代码堆砌
也可以说是“套路”
当你完成了一、二个项目后,你是不会放弃承载着你大量心血的“代码集”的
你会在第三、第四…个项目中重复你的思路、代码,当然也包括改进或创新
于是,“框架”出现了……

程序设计中的框架包含DoitPHP(原Tommyframework)是一个基于BSD开源协议发布的轻量级PHP框架,还包含如thinkphp、codeigniter(简称CI)、yii framework、doophp、qeephp、等主流的程序设计框架,根据个人习惯和性能要求,其各也有不同的优缺点。

从软件设计角度,框架是一个可复用的软件架构解决方案,规定了应用的体系结构,阐明软件体系结构中各层次间及其层次内部各组件间的毅力关系,责任分配和控制流程,表现为一组接口,抽象类以及实例间协作的方法。

在某些方面使用别人成熟的框架,就相当于让别人帮你完成一些基础工作,你只需要集中精力完成系统的业务逻辑设计。而且框架一般是成熟,稳健的,可以处理系统很多细节问题,还有框架一般都经过很多人使用,所以结构很好,所以扩展性也很好,而且它是不断升级的,可以直接享受别人升级代码带来的好处。

DOM (文档对象模型(Document Object Model)

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。
DOM 是一颗树,树枝和树叶都做了编号,你告诉一个脚本,一个函数去寻找哪一个枝干的哪一个叶子,对这个叶子做什么改变。

D3

D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档。说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的。如果你不知道什么是 JavaScript ,请先学习一点 JavaScript 的基础知识。
它作为最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。

D3 是一个 JavaScript 函数库,并不需要通常所说的“安装”。它只有一个文件,在 HTML 中引用即可。有两种方法:

(1)下载 D3.js 的文件

d3.zip
解压后,在 HTML 文件中包含相关的 js 文件即可。

(2)直接包含网络的链接

1
这种方法比较简单,但要保持网络连接有效。

预备知识?

HTML:超文本标记语言,用于设定网页的内容
CSS:层叠样式表,用于设定网页的样式
JavaScript:一种直译式脚本语言,用于设定网页的行为
DOM:文档对象模型,用于修改文档的内容和结构
SVG:可缩放矢量图形,用于绘制可视化的图形

附:D3.js 入门教程 - 极客学院Wiki
http://wiki.jikexueyuan.com/project/d3wiki/introduction.html

猜你喜欢

转载自blog.csdn.net/quest_sec/article/details/79616769