Javascript生态

JAVASCRIPT

JavaScript由三部分组成：

1. ECMAScript（核心）

作为核心，它规定了语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象。常用规范是ES5和ES6。

2.DOM（文档对象模型）

DOM把整个页面映射为一个多层节点结果，开发人员可借助DOM提供的API，轻松地删除、添加、替换或修改任何节点。常用规范有DOM1，DOM2，DOM3。不同浏览器支持的DOM规范不同。

3.BOM （浏览器对象模型）

支持可以访问和操作浏览器窗口的浏览器对象模型，开发人员可以控制浏览器显示的页面以外的部分。

babel

源码到源码编译工具。负责将任何版本的js语言编译到旧版本的js语言，以便其可以在所有浏览器上运行。
例如

##ES2015语法
let fun = () => console.log('babel')
##转换为
"use strict";
var fun = function fun() {
  return console.log('babel');
};

npm

NPM是随同NodeJS一起安装的包管理工具

npm install express      # 本地安装,将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录)。所以，注意运行该命令的位置！
npm install express -g   # 全局安装,将安装包放在 /usr/local 下或者你 node 的安装目录。

webpack

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。webpack同样需要运行在node.js环境上。

webpack 根据模块的依赖关系进行静态分析，这些文件(模块)会被包含到 bundle.js 文件中。Webpack 会给每个模块分配一个唯一的 id 并通过这个 id 索引和访问模块。 在页面启动时，会先执行test.js 中的代码，其它模块会在运行 require 的时候再执行。

webpack test.js bundle.js

test.js中如果需要引用其他js模块，写法如下

require("./runoob2.js");

webpack如果只支持js模块的装配，如果要使用css等其他文件,需要安装loader进行转换

##loader安装：npm install css-loader style-loader
require("!style-loader!css-loader!./style.css");