日结的搬砖小工

引入websocket库进行二次封装，包括websocket的连接处理以及心跳、重连的处理，将websocket封装成一个工具类

在vue项目中如果不想在另外的`.vue`文件中定义websocket组件，可以封装一个专属`websocket`类，在其他文件中 引入并实例化这个类来使用，这样可以保证每个实例化对象都是相对独立的，

js中任务的执行顺序优先级是：主栈全局任务（宏任务）> 宏任务中的微任务 > 下一个宏任务。所以promise（微任务）的执行顺序优先级高于setTimeout定时器。

封装思路 index.ts 我们需要在src的根目录下创建一个axios文件夹，其中创建一个index.ts文件，这个文件主要用来封装axios的配置（实例化请求配置、请求拦截器、相应拦截器）及相应的

vue中mixin的理解 官方解释 混入(mixin): 是一种分发Vue组件中可复用功能的非常灵活的方式；混入对象可以包含任意组件选项，当组件使用混入(Mixin)对象时，所有混入对象的选项将被混入

popstate 监听浏览器的点击前进后退事件，需要借助window的popstate事件。在vue项目中可以借此获取跳转后的浏览器当前页面的url，以及添加相关事件。

基于前端工程项目的代码规范，适用于标准的工程项目，主要基于Vue.js项目； 涉及到从创建项目刀实际编写开发项目代码的过程中所相关的代码规范。