Node.js 路由，前端异步流程工具

 

自定义包上传npm.js

注意： 记住要发送邮箱激活 注意： 切换你的npm源 nrm 注意： 你的包的名称不要和别人的重复 步骤： 1.登录npm账号 npm adduser

2. 上传

   npm publish

node后端路由基本原理

• 通过htpp模块来做。其实后端路由就是web服务器

• 路由的产生：

  *在之前，是多页面的，点一个链接开一个新网页。

  *现在流行的是单页面，只有一个index，使用模板替换里面的内容。

const http = require('http')
​
const host = 'localhost'
​
const fs = require('fs')
​
const port = 6868;
​
http.createServer((req, res) => {
        res.writeHead(200, {
            'Content-type': 'text/html;charset=utf8'
        })
        switch (req.url) {
            case '/home':
                res.write('home')
                res.end()
​
                break;
            case '/shopcar':
                fs.readFile('./static/shopcar.html', 'utf8', (error, docs) => {
                    res.write(docs)
                    res.end()
                })
                break;
            case '/1.jpg':
                fs.readFile('./static/1.jpg', (error, docs) => {
​
                    res.writeHead(200, { 'Content-Type': 'image/jpeg' }); //输出类型
                    // 图片是以二进制传输的
​
                    res.write(docs, 'binary')
                    res.end()
                })
                break;
            case '/index.js':
                fs.readFile('./static/js/index.js', (error, docs) => {
                    // 图片是以二进制传输的
                    res.write(docs)
                    res.end()
                })
                break;
            default:
                break;
        }
​
    })
    .listen(port, host, () => {
        console.log(`服务器运行在：http://${ host }:${ port }`)
    })

　

npm脚本

概念： npm脚本指的是package.json中的scripts字段

认识package.json

• package.json 是记录项目依赖包信息和npm脚本命令的一个配置文件

  项目依赖包信息：

  *dependencies 生产环境的依赖包

  *devDependencies 开发环境使用的依赖包

• 脚本命令：

  *npm init -y 初始化

  *npm run dev & npm run app 全部执行完命令，最后输出结果

  *npm run dev && npm run app 依次执行

//分别创建case.js与case2.两个文件
​
{
    "name": "3-jiaoben",
    "version": "1.0.0",
    "description": "",
    "main": "case.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "dev": "node case.js",
        "app": "node case2.js"
​
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
}

 

 

前端异步流程工具

javascript是单线程，依次执行一个任务，想要让任务能够顺利执行，就需要使用异步。将任务放入异步队列中，在主线程执行结束之后再去执行队列的任务

• 前端异步的操作方式

  1:传统方式：回调函数，事件

  2:前端异步流程工具（封装出来的函数，库）：

  es6 Promise

  es6 Generator

  es6-es8 async 函数

  Node中的异步处理工具--> nextTi , steImmediate

  第三方类库-->async.js

• Pormise

  const pse1 = new Promise((resolve, reject) => { //resolve 将未完成变为成功,reject将未完成变为失败
          resolve('任务一')
      }).then(data => {
          console.log(data);
  ​
      })
      .catch(error => {
          if (error) throw error; //抛出一个错误，这个时候进程会被中断
      })
  ​
  ​
  const pse2 = new Promise((resolve, reject) => {
          setTimeout(() => {
              resolve('任务二')
          }, 2000)
      }).then(data => {
          console.log(data);
  ​
      })
      .catch(error => {
          if (error) throw error;
      })
  ​
  //promise 提供的两个核心方法
  //Promise.all([promise实例1, promise实例2])
  //Promise.race([promise实例1, promise实例2])
  ​
  ​
  // Promise
  //     .all([pse1, pse2]) //执行所有任务
  //     .then(() => { //(data)=>{}  没有值可以不给
  //         console.log('任务三');
  //     })
  //console.log('主线程');
  //此时输出：主线程，任务一，任务二，任务三
  ​
  Promise
      .race([pse1, pse2])
      .then(() => {
          console.log('任务三');
  ​
      })
  console.log('主线程');
  //此时输出：主线程，任务一，任务三，任务二
  ​
  //all 依次执行任务，即使有延时任务，也必须等延时任务介绍才能执行后续任务
  //race 谁快谁先执行![1563348372761](C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1563348372761.png)

   

参考资料

1. Promise https://blog.csdn.net/MrJavaweb/article/details/79475949

2. Generator https://www.cnblogs.com/imwtr/p/5913294.html

3. Async-await

   • 里层请求数据结果返回到外层使用

   • Async函数式generator函数 + spawn 自动执行器函数的 封装

4. Node.js 中的nextTick()和setimmediate() https://www.cnblogs.com/5ishare/p/5268273.html

5. async库 https://caolan.github.io/async/