ES6模块化
-
可以在js中应用其他的文件
-
避免命名冲突
-
开发的过程中,需要其他模块支持的时候,直接在模块内调用目标模块就可以了
-
需要在初始化文件中配置,配置之后,只能使用ES6模块化语法,不能在使用CommonJS语法
-
默认导入和导出总结:
导出:
默认导出的语法:
export default 默认导出的成员
按需导出的语法:
export let xx = 值
导入:
默认导入的语法:
import 接收名称 from '模块路径'
按需导入的语法:
import { xx, yy, zz} from '模块路径'
直接导入模块:
import '模块的路径
注意:
每个模块中,只允许使用唯一的一次export default
默认导入时的接收名称可以任意名称,只要是合法的成员名称即可
常见的异步任务
- 事件
- 定时器
- Ajax请求
- 文件操作
- 数据库操作
一般使用回调函数来获取异步任务的结果
js执行机制
-
js代码开始执行,主线程执行栈会把任务分为两类
-
一类是同步任务,一类是异步任务,主线程执行栈
优先执行同步任务
-
异步任务会被放入特定的处理程序中,满足条件后,被放到消息/(任务/事件)队列中
-
主线程执行栈中所有的同步执行任务完毕之后,通过事件循环去消息(任务/事件)队列中
-
挑选优先满足条件的程序,放入主线程执行栈执行,事件循环,周而复始,一直执行
-
js优先执行同步代码,异步代码中的微任务先执行,后执行异步中的宏任务
then属于异步里面的微任务, 定时器属于异步里的宏任务
express介绍
-
Express 是一个第三方模块,用于快速搭建服务器(替代http模块)
-
Express 是一个基于 Node.js 平台,快速、开放、极简的 web 开发框架。
-
Express保留了http模块的基本API,使用express的时候,也能使用http的API
- 使用express的时候,仍然可以使用http模块的方法,比如 res.end()、req.url
-
作用:
可以快速方便的搭建服务器
下载express
注意:express不能安装在express文件夹中。否则安装失败。
npm i express@4.17.1
使用Express构造一个web服务器
// express的功能:就是让自己的电脑变成服务器
//1.导入模块
import express from 'express'
//2.创建服务器
let app = express()
// 编写接口
app.get('/api/getbooks', (req, res) => {
//req 是请求对象
//res 是响应对象
res.end('hellow! 获取图书成功') //只接受字符串 其他文字会乱码
})
app.post('/api/addbook', (req, res) => {
res.send({ //send是express模块新增方法,可以识别中文,任何数据都可以转换为字符串类型
code: 200,
msg: '添加图书成功',
data: ['张三', '李四', '王五']
})
})
//3.开启服务器
app.listen(8888, () => {
console.log('服务器启动成功,请访问: http://localhost:8888')
})
res.end('hellow! 获取图书成功') //只接受字符串 其他文字会乱码
res.send({ //send是express模块新增方法,可以识别中文,任何数据都可以转换为字符串类型})
请求体参数(get/delect常用)
- 查询参数:req.query
- 路由参数:req.params
- 请求体参数:req.body
post/put常用
app.use( express.urlencode() ); 对应 content-type: application/x-www-form-urlencoded
app.use( express.json() ); 对应 content-type: application/json
const upload = multer({ dest: 'uploads/' }); (需要下载)
app.use( upload.single('avatar') ); 对应 multipart/form-data (了解)