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命令
export var a = 100
export var b = 200
var c = 1;
var d = 2;
export {c,d}
var e = {};
var f = 2;
var g = 3
export {c as o,d as p,g};
export function f(){}
import {a} from './es6的模块管理.js';
import {b as type,o} from './es6的模块管理.js';
import {e} from './es6的模块管理.js';
e.k = 13
export default function() {
console.log('foo');
}
export default function foo() {
console.log('foo');
}
import customName from 'xxx';
customName();
export const A=1;
export const B=1;
export const C=1;
import * as xy from ''