AfarX

A Rookie of R.

SVG学习笔记

SVG优势

与其他图像格式相比,使用 SVG 的优势在于:

SVG 可被非常多的工具读取和修改(比如记事本)
SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。
SVG 是可伸缩的
SVG 图像可在任何的分辨率下被高质量地打印
SVG 可在图像质量不下降的情况下被放大
SVG 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)
SVG 可以与 Java 技术一起运行
SVG 是开放的标准
SVG 文件是纯粹的 XML

D3.JS学习路径

为了学习D3.js,恶补了一通HTML,CSS和Javascript基础………
感觉……emmm……非常累……有一点点快乐……

这里是一点笔记和学习记录。

已完成:

  1. HTML基础
  2. CSS基础
  3. Javascript基础
  4. SVG基础
  5. JSON语法基础

未完待续……


简介

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

JSON语法

  • 数组(Array)用方括号(“[]”)表示。
  • 对象(Object)用大括号(”{}”)表示。
  • 名称/值对(name/value)之间用冒号(”:”)隔开。
  • 名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组。
  • 并列的数据之间用逗号(“,”)分隔

参考文献

  1. SVG教程
    http://www.w3school.com.cn/svg/svg_intro.asp
  2. D3.js教程
    http://d3.decembercafe.org/pages/lessons/1.html
  3. Our D3.JS | 十二月咖啡馆
    http://www.ourd3js.com/wordpress/1874/
  4. D3.JS 文字换行
    http://www.ourd3js.com/wordpress/883/

JavaScript学习笔记

注:

  1. JAVA每行语句后需使用分号。
  2. JAVA区分大小写。(html不区分)
  3. 索引从0开始

嵌入JS代码

使用scirpt包裹。

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script src="script.js"></script>

</body>
</html>