51工具盒子
【VueUse】- Vue实用组合式工具库
> VueUse 是一个组合式API的工具库，支持网页开发的常用功能: 例如窗口宽度、滚动距离、进入可视区、倒计时、复制、调用设备传感器等各种功能的API 中文文档：[VueUse中文网](https://vueuse.nodejs.cn/ "VueUse中文网") 英文文档：[Get Started \| VueUse](https://vue...
开发笔记
【Vue3+TS】添加路由元信息，动态化标签页标题
步骤 --- #### 1.在vue3中的路由表字段中，添加meta对象 ```javascript { path: '/home', component: () => import('@/views/Home/index.vue'), meta: { ...
【Vue3】抛弃 @update 使用 defineModel 实现父子组件之间的 v-model 双向绑定
别再用@update:modelValue 和props进行父子之间传递双向绑定了 ！ vue@3.4之后，只需要使用内置宏`defineModel`即可实现父子组件数据的双向绑定！ <https://cn.vuejs.org/guide/components/v-model.html> > 使用 Vue 3 中的 defineModel 可以替代传统...
记一次Vue项目的相对路径问题
### 1. 先看代码 {#1.-%E5%85%88%E7%9C%8B%E4%BB%A3%E7%A0%81} ### 2. 发现问题 {#2.-%E5%8F%91%E7%8E%B0%E9%97%AE%E9%A2%98} ### 3. 分析问题 {#3.-%E5%88%86%E6%9E%90%E9%97%AE%E9%A2%98} ### 4. 解决问题 {#4.-%E8%A...
Nginx设置404页面
|----|----------------------------------------------------------------------------------------------------------------------------------------| | 导读 | **Nginx是俄罗斯人编写的十分轻量级的HTTP服务器,是一个高性能的HTT...
Spring Boot3学习之Web篇
一、前言 {#一、前言} ------------ 要搭建传统 Spring MVC 项目，我们除了需要配置相应的配置文件，还需要在文件中声明包扫描路径，注解驱动，处理器映射器、适配器和视图解析器等相关配置，搭建步骤非常繁琐。 而 **Spring Boot** 则是通过 JavaConfig 的方式将以前繁琐的配置封装起来，我们只需要引入依赖即可完成相应组件的整合。 二...
Spring Boot3学习之基础篇
一、前言 {#一、前言} ------------ 在N年前整理过 **Spring Boot** 的入门教程，当时还是 1.x 的内容。如今 **Spring Boot** 已经升级到 3.x 版本，不过版本之间的使用差距不大，此次发布文章仅当作常规知识以及新版本功能的补充。 如果你已经掌握 **Spring** 和 **SpringMVC** 知识，但还不熟 **Spr...
简易的多线程下载器
一、前言 {#一、前言} ------------ 本篇是对 **CountDownLoatch** 工具类的实际场景运用的简单补充，通过 **CountDownLoatch** 实现多线程下载器核心功能。 二、实现原理 {#二、实现原理} ---------------- 使用多线程对目标资源进行分块下载（设置 Range 请求头）提升下载效率，当所有分块下载完成后，再...
CountDownLatch 源码详解
一、前言 {#一、前言} ------------ 本篇的介绍对象是 **CountDownLatch** ，它同样是基于 **AQS** 之上扩展的一款多线程场景下的工具类，它可以使一个或多个线程等待其他线程各自执行完毕后再执行。 对于 **CountDownLatch** 理解，我们可以将单次拆开为 **CountDown** 和 **Latch** 。**CountD...
Semaphore 源码详解
一、前言 {#一、前言} ------------ 在高并发访问的场景下，为了保证项目不被大流量请求的压力影响性能导致项目运行崩溃，常用的解决方案就是**限流** 和**服务降级**。 本篇介绍 **Semaphore** ， 直译就是信号量，是基于 **AQS** 扩展的一种多线程并发控制的工具，也就是我们常说的**限流**工具之一。 二、工作原理 {#二、工作原理} ...
