web前端主目录二级目录三级目录前端Node快速启动ES 6语法1、let和const、模板字符串3、函数有默认参数4、行函数5、对象初始化缩写6
一级目录二级目录三级目录大前端ES6的新语法糖Npm包管理工具：包管理器Babel安装角色：某些浏览器不支持ES6语法。 您可以使用Babel将ES6语法编译为语法模块化管理的较低版本。 通过import导入导出等操作，模块可以重新打包并编译web包。 例如，您可以将多个css文件打包为一个资源文件，所有这些操作都由Webpack提供Node快速启动
Nodejs基于chrome v8引擎，V8引擎执行js代码速度非常快，性能非常好。
v8引擎和jvm的作用比较相似
我们写的java文件编译成class文件后，由jvm翻译成操作系统执行； 我们写的js文件由v8引擎解释给操作系统执行。 js是解释程序语言。 因为不需要编译，所以需要注意的是，安装nodejs时，该引擎已经在操作系统上。 当我们在本地运行nodejs文件时，我们将使用位于操作系统上方的v8引擎进行分析。 chrome浏览器也使用此引擎，chrome浏览器内部也有此js引擎。 的内核中，DOM渲染引擎js解析器(js引擎) js是在浏览器内核内运行的js引擎内部，Node.js是脱离浏览器环境运行的JavaScript程序，基于v8引擎创建http服务响应请求步骤
导入http模块： const http=require (‘http’)； 这与Java导入相同。 创建httpserver服务以接收端口并启动服务。 node httpserver.js通过浏览器访问localhost。 端口号consthttp=require(http )； http.createserver (function (request，response ) /告诉浏览器如何分析hello serve。 在这里用plain，文本来分析。 可以设置为text/html，以浏览器会议的html格式分析response.writehead(200，{ ' content-type ' : ' text/plain ' } )。 //从浏览器输出的内容response.end('hello，serve )； }.Listen(8888； //node文件名. js//因为访问浏览器的http://localhost:8888的内容变更为hello，所以serve使用Node.js操作了Mysql数据库
Mysql是第三方模块，必须通过NPM安装才能使用NPM安装Mysql
步骤：
创建MySQL connection对象以配置数据连接信息，然后打开连接并运行curd以关闭连接；ConstMySQL=require(MySQL )； let connection=MySQL.create connection ({ host : ' 127.0.0.1 '，port:3306，user: '，password: ' ) } connection.query (select * from kss _ user )、function(error，results，fields ) if ) error ) throw error； console.log(results； )； connection.end (； node db.js验证结果ES 6使用新语法1，let、const const和let解决了var的变量透明问题和常量更改问题变量透明问题。 在for循环中定义的变量I可以在for循环以外继续使用。 在这种情况下，可以使用let解决的问题是，某些较低版本的浏览器可能不支持ES 6。 二.模板字符串```'''
主要解决的问题是字符串拼接，传统方式使用符号和多个双引号或单引号。 如果有模板字符串，则可以使用``密钥${person.name}
let address='我是' person.name//模板字符串let address='我是${person.name} '三，函数有默认参数4，箭头函数5，对象初始化缩写对象var link='www.baidu.com '； let info={ title : title，link
: link, go : function() { console.log("go to school"); }}let info2 = { title, link, go() { console.log("go to school"); }} 六、 对象结构 es 6 提供了快捷获取对象属性和行为的方法对象是通过 key： value 的形式存在，获取对象属性的方式一般有两种 通过. person.name , person.address , person.go(),通过[] person[“name”] , person[“address”] person"go" es 6 对象结构，其实就是快速获取属性和方法的方式 var {name,address} = person还原代码：var name = person.name ; var address = person.address 为什么对象取值要提供两种方式？ 七、 对象传播操作符把一个对象中的属性传播到另外一个对象中
var person = { name : "", address : "", link : "", phone : "", go() { }}//解构var {name,address,...person2} = person;// 这个person2就具有剩下的三个属性 八、 数组的 map 和 reduce 方法使用map 和 java 中的流比较类似，都可以自动循环数组中的元素，但是此处的map 需注意逻辑体语句中得有 return
var newUser = user.map(element -> { element.age = element.age +1; //也可以给新的对象中增加元素 element.check = true; //新的对象中会有这个属性，之前对象没有 return element;}) 九、reduce（） reduce(function(a,b),a的初始值（可选）) 接受一个函数（必须）和一个初始值（可选），该函数接收两个参数 ： 第一个参数是上一次reduce 处理的结果第二个参数是数组中要处理的下一个元素 ruduce（）会从左到右一次把数组中的元素用reduce 处理，并且把处理结果作为下次reduce的第一个参数。如果是第一次，会把前两个元素作为计算参数，或者把用户指定的初始值作为起始参数 模块化开发模块化产生的背景：js 代码越来越庞大，急需像 java 一样的类、包的概念。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块，但是 js 不是一种模块化编程语言，它不支持类，包的概念，也不支持模块
有两种模块化规范：
CommonJs 模块化规范 ， 例如require（http）,Nodejs 主要使用此规范ES 6 模块化规范 ： vue react 等使用 一、conmmonjs之前在js 中写一些工具方法等，在其他地方使用必须将此代码复制过去，现在有个 export 关键字可以导出供别人使用
const sum = (a,b)->(a+b);const sub = (a,b)->(a-b);module.exports = { sum:sum, sub:sub}//简写module.exports = { sum, sub} const object = require('文件路径')object.sum(1,2);object.sub(2,1);commonjs 使用exports 和require 来导出和导入模块。
二、ES6 模块化规范ES6 使用export 和 import 来导出和导入模块
export function getUserList() { console.log("getUserList");}export function save() { console.log("save");}//另外一种方法 新版写法export default { getList() { console.log(""); }, save() { console.log(""); }} import {getUserList,save} from '文件路径'getUserList();save();//对应上面的新写法,导出称一个对象，一个整体import user from '文件路径'user.getUserName();user.save(); webpack Webpack 是一个前端资源加载、打包工具，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源Webpack 可以将多种静态资源打包为一个静态文件，减少了页面的请求。将多个js压缩为一个，加快访问速度，同时也更安全，不暴露更多的源码