D3实战①环境搭建

1. 安装node环境；
2. 新建package.json文件：

{
  "name": "d3-project-template",
  "version": "0.1.0",
  "description": "Ready to go d3 data visualization project template",
  "keywords": [
    "data visualization",
    "d3"
  ],
  "homepage": "<project home page>",
  "author": {
    "name": "<your name>",
    "url": "<your url>"
  },
  "repository": {
    "type": "git",
    "url": "<source repo url>"
  },
  "dependencies": {
    "d3": "4.x"
  },
  "devDependencies": {
    "uglify-js": "2.x"
  }
}

• dependencies：运行时依赖；
• devDependencies：开发时依赖。

3. 执行命令安装依赖，出现node_modules文件：

npm install

4. 新建html文件，引入d3.js：

    <script type="text/javascript" src="node_modules/d3/build/d3.js"></script>

5. 搭建Node.js HTTP服务器

npm install http-server -g
http-server -p 8888

注意
Node.js会将当前运行的目录设置为Web服务的根目录，若引用资源在根目录之外，就会访问不到该资源。

函数即对象
JS中函数是对象，与普通对象的区别是函数对象可以执行，且带有函数上下文和函数代码两个隐藏的属性。