了解前后端联调，认识webpack，以及ES6import命令

1.前后端联调

1.什么是前后端联调？
    前后端联合调试 调试接口
    当前后端阶段性开发完一个模块以后,前后端项目都提交,后端启动服务,前端向服务器发送请求，看能不能拿到后端真实的数据,这个验证双方接口的过程就是前后端流程
2.为什么前后端联调？
    前后端分离 前后端开发之前由后端制定接口文档，接口文档制定了每一个请求的地址 参数 请求方式;后端根据接口文档写代码
3.公司什么时候前后端联调？
    当前后端阶段性开发完一个模块以后,前后端项目都提交,后端启动服务,前端向服务器发送请求，看能不能拿到后端真实的数据,这个验证双方接口的过程就是前后端流程

2.认识webpack

	1.为什要使用WebPack
   		 开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的，这就为WebPack类的工具的出现提供了需求。
	2.什么是Webpack
   		 WebPack可以看做是模块打包机：
   		 分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（less Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
	3.Webpack的工作方式是：
   		 把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。
   		 
  	打包 : 把js进行编译和压缩 把大量js文件压缩到一个js文件中 把图片编译成base64格式等等,当客户端访问这个项目时 不需要再发送那么多次请求
    es6 let a = 10;IE10不能识别es6
    webpack会把es6编译成es5，把less编译成css,把ts编译成js
    浏览器只识别html css js

3.ES6import命令

//导入require   导出module.exports = {}  common.js规范  AMD CMD  ES6模块

//模块管理
// export命令  导出    import命令  导入
//export命令 用于该模块向其他模块导出的接口
//import命令 用于接收其他模块导入的值

//export 可以导出变量 也可以导出函数 class
export var a  = 100
export var b = 200

var c = 1;
var d = 2;
export {c,d}

//as 对导出的变量进行重新命名
//export  导出接口中变量和值有一一对应关系
var e = {};
var f = 2;
var g = 3
export {c as o,d as p,g};
export function f(){}
//import  导入
//import 后面是一个大括号 大括号中包含了变量的名字 这个名字必须和导出接口变量名相同
import {a} from './es6的模块管理.js';
//as  同过as重新命名
//import命令输入的变量是只读的  不能修改
//from 跟的路径（导入模块的路径 可以是相对路径 也可以是绝对路径）
import {b as type,o} from './es6的模块管理.js';
import {e} from './es6的模块管理.js';
e.k = 13

//e 是个对象才可以
// 由于import是静态执行，所以不能使用表达式和变量，

//default 默认的 给了名

export default function() {
    console.log('foo');
    
}
// 其他模块加载该模块时，import命令可以为该匿名函数指定任意名字。
//这样写也可以 ，foo函数的函数名foo 在模块外部是无效的。加载的时候，视同匿名函数加载。
export default function foo() {
    console.log('foo');
    
}
import customName from 'xxx';
customName(); // 'foo'



export const A=1;
export const B=1;
export const C=1;

import * as xy from ''
//xy.A