weixin_53474595的博客

3.第三次握手：当客户端收到服务端的确认报文后，知道服务端具备接收和发送数据的能力，但是此时服务端并不知道自己具有接收的能力，所以还需要发送一个确认报文，告知服务端自己是具有接收能力的。2.第二次握手：当服务端接收到同步报文后，回复确认同步报文，此时服务端是知道客户端具有发送报文的能力，并且知道自己具有接收和发送数据的能力，但是并不知道客户端是否有接收数据的能力；最后，当整个三次握手结束过后，客户端和服务端都知道自己和对方具备发送和接收数据的能力，随后整个连接建立就完成了，可以进行后续数据的传输了。

在根文件夹新建一个build.js文件（名字可以自定义)此时会在根目录下生成一个package.json文件。执行dev就相当于执行了build.js文件。NPM 全局安装live-server。

北美 NA http(s)://upload-na0.qiniup.com http(s)://up-na0.qiniup.com。东南亚 　 http(s)://upload-as0.qiniup.com http(s)://up-as0.qiniup.com。华北 NCN http(s)://upload-z1.qiniup.com http(s)://up-z1.qiniup.com。七牛的一张存储区域表。

this.upqiniu是我写的上传服务器的代码，最终将接口返回的地址return出去就行。上传到后台接口的可直接按照文档这个配置就行接口返回格式也要可文档上一致。2）自定义上传（一般上传到别的服务器上，我这边是上传到。到这一步编辑器就可以正常显示了。在data配置上传图片、视频。在main.js中引入样式。在使用编辑器的页面引入js。

Vite打包优化

但因为a-date-picker内部用到了dayjs，所以还需要全局设置下dayjs为中文，在main.ts里添加。在入口文件app.vue里设置。3.新建公共方法文件。

2.新建useMutations.ts文件。1.新建useMapState.ts文件。3.store.ts文件。

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间，文件大小只有2KB左右，下载、解析和执行的JavaScript更少。dayjs('2019-01-25').valueOf() 或 dayjs().valueOf()获取最近周六的日期 => 2022-04-23。获取最近周日的日期 => 2022-04-17。代表在指定时间（value）上去加减；返回0(星期日)到6(星期六)的数字。代表在当前时间上去加减；

只需要接口请求的时候的添加loading ，接口响应完成的时候删除loading。但是随之而来的就有一个问题，如果多个接口同时请求 或者 一个接口频繁请求需要覆盖的都是同一个dom，这样我们添加的loading就会有很多个相同的，相互覆盖。因此上述代码定义了一个loadingDom 记录当前正在loading的dom有哪些，如果有一样的进来的 就把count加一 ，结束后就把count减一。因为ref返回的对象是RefImpl类的实例 并不是一个普通的对象，axios在做深拷贝的时候没有处理这种实例对象。

【代码】css修改水平滚动条和垂直滚动条交汇部分的样式。

需要注意的是我们的头部是动态的，布局使用的是24格，所以我们需要动态计算出列表头的长度，用24除上长度再向下取整，给每个列头加上平均数宽度。列表头也可以是动态的。

由于统计维度是可变化的（它可以是省市也可以是区县），所以需要专门设置一个表格的数据来保存表头，然后通过v-for="item in tableColData"的方式来循环展示表头，由于省市是循环展示表头数据的，所以如果省市里面如果有第二级别的表头，就需要在表头数据多设置一级children，加上第二层v-for="item1 in item.children"来遍历二级表头。需要注意的是每个数据的字段需要和表头id对应上.

以服务的方式调用的全屏 Loading 是单例的：若在前一个全屏 Loading 关闭前再次调用全屏 Loading，并不会创建一个新的 Loading 实例，而是返回现有全屏 Loading 的实例，所以我们全局封装的时候采用计数的方式确定是否关闭loading.Loading.service target里面可以配置局部现实加载动画，适应于实际项目中不需要全屏显示加载动画。

总的来说使用了它们就不用传统的this.$store.state去获取状态值,也不用this.$store.commit(）或者this.$store.dispatch()。可以直接用this去调用了。（2）在组件methods里使用。（2）在组件methods里使用。（2）在组件计算属性里使用。（1）在需要的组件内引入。（1）在需要的组件内引入。（1）在需要的组件内引入。

【代码】修改elementui输入框的样式。

方法代码片段是属于.class字节码文件的一部分，字节码文件(也就是.class类文件)在类加载的时候，将其放在了方法区内存中，所以这也就导致了JVM的三块主要内存空间中，方法区内存最先由数据存放。当方法只定义不调用的时候是不会执行的，因为不执行,所以在JVM中也就并不会给它分配“运行所属”的内存空间，只有在调用这个方法时才会动态的给这个方法分配所属的内存空间。

需要注意的是实际项目中可能有多个环境，所以baseurl是动态配置的，新建一个 ip-config.ts文件。注意：1.用vscode进行开发的时候，推荐使用volar,禁用以前vue2常使用的插件Vetur。10.新建http.ts文件，封装get、post、put等请求方法。最后在main.ts文件里全局引入,每个页面组件可以直接调用方法.11.配置跨域 在vite.config.ts文件。执行对应的命令，有本地，测试，生产三种环境。7.修改vite.config.ts。

3. 安装 unplugin-vue-components 用于按需引入 ant design vue。1. 在 vite 构建的 vue3 项目中安装 ant-design-vue。2. 安装 less（因为 ant-design的样式是less)5. 通过引入样式文件来自定义主题色。新建一个样式文件，比如。

vue项目中bus事件的使用