大部分情况下，请求头都是固定的，只有少部分情况下，会需要一些特殊的请求头，这里将普适性的请求头作为基础配置。当需要特殊请求头时，将特殊请求头作为参数传入，覆盖基础配置。请求，就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等等操作，都需要写一遍。如果每个页面都发送类似的请求，都要写一堆的配置与错误处理，就显得过于繁琐了。封装的同时，你需要和 后端协商好一些约定，请

Model 层: 数据模型层通过Ajax、fetch等 API 完成客户端和服务端业务模型的同步。View 层: 视图层作为视图模板存在，其实 View 就是⼀个动态模板。ViewModel 层: 视图模型层负责暴露数据给 View 层，并对 View 层中的数据绑定声明、 指令声明、 事件绑定声明, 进行实际的业务逻辑实现。数据变化了, 视图自动更新=> ViewModel 底层会做好监听 Ob

OSI 参考模型与 TCP/IP 参考模型区别如下：OSI 参考模型与 TCP/IP 参考模型都采用了层次结构都能够提供面向连接和无连接两种通信服务机制OSI 采用的七层模型；TCP/IP 是四层或五层结构TCP/IP 参考模型没有对网络接口层进行细分，只是一些概念性的描述；OSI 参考模型对服务和协议做了明确的区分OSI 参考模型虽然网络划分为七层，但实现起来较困难。TCP/IP 参考模型作为一

通过控制信息我们可以知道一个帧的起止比特位置，此外，也能使接收端检测出所收到的帧有无差错，如果发现差错，数据链路层能够简单的丢弃掉这个帧，以避免继续占用网络资源。两台主机之间的数据传输，总是在一段一段的链路上传送的，这就需要使用专门的链路层协议。该层协议定义了应用进程之间的交互规则，通过不同的应用层协议为不同的网络应用提供服务。该层的主要任务是确定与传输媒体的接口的一些特性（机械特性、电气特性、功

实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于复杂类型的数据，变量指向的内存地址，保存的只是一个指向实际数据的指针，，我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明。对于简单类型的数据，值就保存在变量指向的那个内存地址，因此等同于常量。不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错。声明的变量存在变量提升，即变量可以在声

接下来到了生命周期流程的最后一个阶段——销毁阶段。从官方文档给出的生命周期流程图中可以看到，当调用了方法，Vue实例就进入了销毁阶段，该阶段所做的主要工作是将当前的Vue实例从其父级实例中删除，取消当前实例上的所有依赖追踪并且移除实例上的所有事件监听器。也就是说，当这个阶段完成之后，当前的Vue实例的整个生命流程就全部走完了，最终“寿终正寝”了。本篇文章就来分析一下在销毁阶段都做了哪些工作。本篇文

为什么要学vue3:1. Vue是国内最火的前端框架,2.Vue 3 于 2022 年 2 月 7 日星期一成为新的默认版本！3. Vue3性能更高，体积更小,4. Vue3.0在经过一年的迭代后，越来越好用.动机与目的:1. 更好的逻辑复用 与代码组织(composition组合式api)optionsAPI(旧) => compositionAPI（新）,效果: 代码组织更方便了, 逻辑复用更

一、是什么 diff 算法是一种通过同层的树节点进行比较的高效算法其有两个特点：比较只会在同层级进行, 不会跨层级比较在diff比较的过程中，循环从两边向中间比较diff 算法在很多场景下都有应用，在 vue 中，作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较二、比较方式diff整体策略为：深度优先，同层比较，比较的过程中，循环从两边向中间收拢比较只会在同层级进行, 不会跨层

这样做的结果就是webpack在npm run build的时候会打包成一个整个的js文件，如果页面一多，会导致这个文件非常大，加载缓慢，为了解决这个问题，需要将他分成多个小文件，而且还要实现异步按需加载，即用到了再加载，而不用一股脑全部加载，方法有三种：vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。但是，这种情况下一个组件生成一个js文件。 举例如下：2. es6提案