diff --git a/readme.md b/readme.md deleted file mode 100644 index 4c7fce1a6d837b4222a7ace58bcfe14ff9050cf9..0000000000000000000000000000000000000000 --- a/readme.md +++ /dev/null @@ -1,3 +0,0 @@ -## net前端班笔记 - -上课录屏地址:https://www.alipan.com/s/R85ZxiyYWBg \ No newline at end of file diff --git "a/\350\200\201\350\203\241\346\235\245\344\271\237/20240301-node\345\256\211\350\243\205.md" "b/\350\200\201\350\203\241\346\235\245\344\271\237/20240301-node\345\256\211\350\243\205.md" deleted file mode 100644 index 61e49f6b04a70e4d5b737119aad617d6bd45dd48..0000000000000000000000000000000000000000 --- "a/\350\200\201\350\203\241\346\235\245\344\271\237/20240301-node\345\256\211\350\243\205.md" +++ /dev/null @@ -1,3 +0,0 @@ -## 怎么安装node - -如何修改镜像地址 \ No newline at end of file diff --git "a/\351\231\210\345\256\227\344\271\211/20240311_Koa.md" "b/\351\231\210\345\256\227\344\271\211/20240311_Koa.md" new file mode 100644 index 0000000000000000000000000000000000000000..987e329cff0d798b66844dca38de674d57892cc7 --- /dev/null +++ "b/\351\231\210\345\256\227\344\271\211/20240311_Koa.md" @@ -0,0 +1,39 @@ +### 安装 + +```js +npm i koa + +yarn add koa + +``` + +#### + +```js +//引入koa模块 +import koa from "koa"; +let app = new Koa(); +//ctx 封装好的对象 + +//.use 为中间件,只有上一个中间件执行next方法才会进入下一个中间件 +app.use(async (ctx, next) => { + await next(); + console.log(`${ctx.request.URL} ${ctx.request.method}`); +}); + +// async await 解决异步方法的关键字 +// 通过async 来声明一个函数为异步函数,await表示执行完某一部后再执行下一步 +app.use(async (ctx, next) => { + let starttime = new Date().getTime(); + await next(); + let h = new Date().getTime() - starttime; + console.log("总耗时: " + h); +}); +app.use(async (ctx) => { + ctx.response.status = 200; + ctx.response.body = "远赴人间惊鸿宴"; +}); +app.listen(8080, () => { + console.log("server running at http://localhost:8080"); +}); +``` diff --git "a/\351\231\210\345\256\227\344\271\211/20240312_Koa-router.md" "b/\351\231\210\345\256\227\344\271\211/20240312_Koa-router.md" new file mode 100644 index 0000000000000000000000000000000000000000..40d1b3df6f92eb037da8be6efa08fe013d45ced9 --- /dev/null +++ "b/\351\231\210\345\256\227\344\271\211/20240312_Koa-router.md" @@ -0,0 +1,24 @@ +```js +// 导入 koa 包 + import koa form 'koa' + // 引入路由模块 + let route = require('./router') + // 实例化 koa + let app = new koa() + + // 注册/使用 路由模块 + app.use(route.routes()) + + app.listen(8080,function(){ + console.log('app running at http://localhost:8080'); + }) +``` + +1. 创建路由模块对应的 js 文件 +2. 下载 koa-router 包 +3. 路由模块引入 import router from 'koa-router' +4. 实例化 let route = new router() +5. 向路由对象上挂载具体的路由 +6. 使用 module.exports 向外共享路由对象 +7. 主模块引入路由模块 +8. 使用 app.use(route.routes())函数注册路由模块 diff --git "a/\351\231\210\345\256\227\344\271\211/20240314_\350\257\267\346\261\202\345\217\202\346\225\260\344\274\240\351\200\222\344\270\216\350\257\273\345\217\226.md" "b/\351\231\210\345\256\227\344\271\211/20240314_\350\257\267\346\261\202\345\217\202\346\225\260\344\274\240\351\200\222\344\270\216\350\257\273\345\217\226.md" new file mode 100644 index 0000000000000000000000000000000000000000..3aba1d71d204d67d97c564dc695ced8c9c129061 --- /dev/null +++ "b/\351\231\210\345\256\227\344\271\211/20240314_\350\257\267\346\261\202\345\217\202\346\225\260\344\274\240\351\200\222\344\270\216\350\257\273\345\217\226.md" @@ -0,0 +1,20 @@ +### 请求方式(method) + +#### + +1. get 获取 +2. post 添加 +3. put 修改 +4. dilete 删除 + +#### 传递参数 + +```js +1. ctx.params -- //获得动态参数 +2. let id = ctx.params.id +3. ctx.query -- //获得查询字符串,返回的是对象形式 +4. ctx.querystring -- //获得查询字符串,返回的字符串形式 +5. ctx.request.body -- //获得请求体数据 +6. ctx.body -- //响应体数据 + +``` diff --git "a/\351\231\210\345\256\227\344\271\211/20240315_\346\232\264\351\234\262.md" "b/\351\231\210\345\256\227\344\271\211/20240315_\346\232\264\351\234\262.md" new file mode 100644 index 0000000000000000000000000000000000000000..b2ec38b382b97d9238d26b1aaf1eac8436c8d2bb --- /dev/null +++ "b/\351\231\210\345\256\227\344\271\211/20240315_\346\232\264\351\234\262.md" @@ -0,0 +1,29 @@ +#### 暴露方式 + +1. 命名暴露 + + ```js + route.js; //暴露数据 + let str = "string"; + export { str }; + app.js; //导入数据 + //单行暴露 + import { str } from "./route.js"; + //解构赋值 + import { a, b } from "文件名"; + ``` + +2. 匿名暴露 + + ```js + route.js; // 暴露数据 + export default .....; + app.js; // 导入数据 + import arr from "./route.js"; + ``` + +#### import 动态导入:动态导入可以批量导入模块 + +1. import(模块名称).then(moudle) +2. moudle 即为导入的模块 +3. import 本来只能在最顶层使用,动态导入方式可以在代码块中使用