22k 字 20 分钟

# 一、ThreadLocal 介绍 # 1.1 介绍 从 Java 官方文档中的描述：ThreadLocal 类用来提供线程内部的局部变量。这种变量在多线程环境下访问 (通过 get 和 set 方法访问) 时能保证各个线程的变量相对独立于其它线程内的变量。ThreadLocal 实例通常来说都是 private static 类型的，用于关联线程和线程上下文。 我们可以得知 ThreadLocal...
23k 字 20 分钟

[TOC] # 基础认知🎄 <span alt="shake">💠 </span> 目标：认知 <font title="red"> 网页组成 </font > 和 < font title="red"> 五大浏览器 </font>, 明确 < font...
23k 字 21 分钟

# 1 WebSocket⭐️ # 1.1 WebSocket 介绍🎄 WebSocket 是一种网络通信协议。RFC6455 定义了它的通信标准 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行双工通讯的协议 HTTP 协议是一种无状态的，无连接的，单向的应用层协议。它采用了请求 / 响应模型。通信请求只能由客户端发起，服务端对请求做出答应处理。 这种通信模型有一个弊端：HTTP 协议无法实现服务器主动向客户端发起消息。 这种单向请求的特点，注定了如果服务器有连续的变化，客户端要获知就非常麻烦。大多数 Web 应用程序将通过频繁的异步 AJAX...
8.2k 字 7 分钟

# 提交前做代码检查 一定要保证代码在丢到仓库里面之前，一定保证代码全部都是规范的，然后再进仓库才是合理的。不然不规范的代码放进仓库了，然后后面的同事拉取代码结果一堆报错人家还要修改你送过来的报错。 那么需要再提交之前做代码的规范检查使用 husky 这个工具来完成。 husky 是基于 git 的 hooks 工具。hooks 工具可以理解为就是钩子，可以在特定的时机执行特定的命令。比如 vue 的生命周期其中也有了解过钩子的说法。 如下操作步骤： 初始化 git 仓库，执行 git init 即可 初始化 husky 工具配置，执行 pnpm dlx husky-init...
15k 字 14 分钟

# Vue3 的优势 组合式 API 之前写的 vue2 是选项是 API 那什么是选项是 API 呢，如下： 就是在整个配置项当中有一个一个选项 data (数据)，methods (函数)，computed (计算属性)，wattch (侦听器)。 特征：如果要实现一个功能，实际上我们需要分散式的将代码散落到各个配置项当中。 vue3 当中改成了 Composition API Composition API 提供数据再也不用到 data 当中 提供了，而是可以调用方法的时候提供。直接将我们同功能相关的内容进行 集合式的管理 好处：如果要改造某一块的功能假设有 8...
607 字 1 分钟

# vue3 全局配置 axios 与使用 # 为什么要全局配置 axios 在实际项目开发中，几乎每个组件中都会用到 axios 发起数据请求。此时会遇到如下两个问题： ① 每个组件中都需要导入 axios（代码臃肿） ② 每次发请求都需要填写完整的请求路径（不利于后期的维护） # vue2 与 vue3 配置 axios 的不同之处 在 vue2 中会习惯性的把 axios 挂载到全局，以方便在各个组件或页面中使用 this.$http 请求接口。但是在 vue3 中取消了 Vue.prototype，在全局挂载方法和属性时，需要使用官方提供的 globalPropertiesAPI。 #...
1.8k 字 2 分钟

# defineOptions <span alt='solid'> 背景说明 </span>： 有 <script setup> 之前，如果要定义 props，emits 可以轻而易举的添加一个与 setup 平级的属性。 但是有了 <script setup> 后，就没法这么干了 setup 属性已经没有了，自然无法添加与其平级的属性。 为了解决这一问题，引入了 <font...
2.5k 字 2 分钟

# pnpm 包管理器 - 创建项目 一些优势：比同类工具快 2 倍左右，节省磁盘空间 … 安装方式： npm install -g pnpm 创建项目： pnpm create vue -D = --save-dev ，-g = --global dev 启动项目，具体的启动方式看 package.json 中怎么配置 vue3 一般使用 vite 来启动 npm yarn pnpm npm install yarn pnpm install npm install axios yarn axios pnpm add axios npm install axios...