前端基础

1、HTTP状态码

• 1开头：临时响应。表示临时响应并需要客户端继续执行操作的状态码。
• 2开头：成功。
  200 请求成功。
• 3开头：表示请求的目标有变化，希望客户端进一步处理。
  301：永久性重定向。
  302：临时性重定向。
  304：与服务器对比之后文件未改变，直接读取原有缓存资源。
• 4开头：请求错误。
  403：无权限。
  404：请求的页面不存在。
• 5开头：服务器错误。服务器在尝试处理请求时发生内部错误。
  500：服务器错误。
  503：服务器暂时错误，可以稍后再试。

2、发布订阅模式

优点：
1、实现时间上的解耦（组件、模块之间的异步通讯）
2、对象之间的解耦，交由发布订阅的对象管理对象之间的耦合关系。

缺点：
3、创建订阅者本身会消耗内存，订阅消息后，可能永远也不会有发布，而订阅者始终存在内存中。
4、对象之间解耦的同时，他们的关系也会被深埋在代码背后，这会造成一定的维护成本。

发布者有哪些要素？
1、”订阅者“列表（Array）：一个装callback函数的数组。
2、“订阅”的方法（Function）：往数组里push callback。
3、“通知订阅者”的方法（Function）：遍历订阅者列表，执行里面的callback。
4、发布消息的方法（Function）：异步执行函数，执行完毕后通知订阅者。

订阅者如何订阅消息？ 调用“订阅”的方法即可。

代码：

class dep{
    constructor(){
        this.orderList = [] // 订阅者的列表
    }
    subscribe(callback){
        this.orderList.push(callback)   // 订阅者订阅消息（增加订阅者）
    }
    pub(){
        // 此处用setTimeout代替异步请求
        setTimeout((data)=>{
            this.notify(data)
        },1000)
    }
    notify(data){
        this.orderList.forEach(callback=>{
            callback(data)
        })
    }
}

var fa = new dep()
fa.subscribe(()=>{  // 订阅消息
    console.log('我收到消息了')
})
fa.pub()  // 发布消息

项目中的应用：
在小程序项目中，app.js 里发一个异步请求，首页和个人中心都订阅 app.js 的请求数据，请求成功后，通知订阅者。