大前端 一、Nodejs 二、ES6语法规范 2.1、let与const 2.2、模板字符串(连接) 2.3、箭头函数 2.4、简化对象初始化 2.5、数组map()方法 2.5、数组reduce()方法 三、NPM包管理器 四、Babel 4.1、Babel的介绍与安装 4.2、Babel的使用 五、模块化 5.1、CommonJS规范 5.2、ES6规范 六、webpack 6.1、webpack概述 6.2、webpack安装 6.3、webpack合并js 6.4、webpack合并css 一、Nodejs Nodejs下载链接 Nodejs是一门服务端的语言,是解释型语言,不需要编译,运行在V8(jvm)引擎中,运行的命令是:node;后缀是js 在vscode中终端运行,先保存,可以tab键自动补全 二、ES6语法规范 2.1、let与const let与const解决了var的变量穿透和常量修改的问题,还是建议使用var,因为在低版本的浏览器中还是不支持let与const 变量穿透问题:本来只能打印0,1,2但是3也被打印出来了,所以用let替代了var for (var i = 0; i < 3; i++) { console.log(i); } console.log(i); 常量修改问题:用var修饰的常量可以被修改,因此用const来代替 var PI = Math.PI; PI = 123; console.log(PI) 2.2、模板字符串(连接) let person = { name: "小明", address: "北京市清河街道", }; let xiaoming1 = "我是" + person.name + "我的地址是" + person.address + "的"; console.log(xiaoming1); let xiaoming = `ES6语法==我是${ person.name},我的地址是${ person.address}`; console.log(xiaoming); 2.3、箭头函数 普通函数 var arr = [1, 2, 3]; //map()方法,原数组映射成新的数组 var newarr = arr.map(function(ad) { return ad + 2; }); console.