接口axios vue all
数字滚动【vue-count-to】
效果 背景 在大屏或者其他需要对数字设置千分位的分隔符（比如：151234数字展示成 151,234）或者 数字在变化时进行滚动的变化。 使用 安装 npm i vue-count-to demo <template> <div class="app"> <h1> 当前数值: <countTo :s ......
TienChin-课程管理-添加课程接口
CourseController.java @PreAuthorize("hasPermission('tienchin:course:create')") @Log(title = "课程管理", businessType = BusinessType.INSERT) @PostMapping p ......
呕血回顾一次提高接口并发的经历，很实用
最近在开发一个打卡接口，其实只需要做些判断，保存一下打卡结果即可，预计同时段1000多人在线打卡，但是第一次写完之后，压测效果非常糟糕，可以看到只有十几的并发，喝下的水都要喷出来了，那么简单的接口都能耗时那么久的吗，我预估100ms以内准可以的，那还有上百的并发才对。于是开始了我的优化之路。 看看主 ......
车辆出险报告Api接口，实现车险理赔无纸化处理！
随着现代科技的发展，智能化、自动化是各行各业的发展趋势。在保险理赔领域，也出现了无纸化处理的趋势。本文将介绍如何利用车辆出险报告 API 接口实现车险理赔无纸化处理。 首先，我们需要了解什么是车辆出险报告 API 接口。车辆出险报告 API 接口是指一种数据接口，可以提供车险理赔相关的信息。该接口可 ......
Linux $PS1 and zsh All In One
Linux $PS1 and zsh All In One
macOS 自定义命令行提示符
......
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
MongoDB and mongoose All In One
MongoDB and mongoose All In One
Node.js
......
1.单列集合(接口 Collection，List，Set)
单列集合(接口 Collection，List，Set) 单列集合体系结构: 特点: 1.List系列集合: 添加的元素是有序、可重复、有索引； 2.Set系列集合: 添加的元素是无序、不重复、无索引； 3.有序为存入和取出都是一样的顺序，非内部里的顺序； Collection 概念: Collec ......
【c#版本Openfeign】Net8 自带OpenFeign实现远程接口调用
引言 相信巨硬，我们便一直硬。Net版本到现在已经出了7了，8也已经在预览版了，相信在一个半月就会正式发布，其中也有很多拭目以待的新功能了，不仅仅有Apm和Tap的结合，TaskToAscynResult，以及UnsafeAccessor用来获取私有变量，性能比反射,EMIT更高，还有针对Async ......
Springboot+Vue(二)
上传的静态资源文件放到static文件夹下即可 表单的enctype属性规定再发送到服务器之前该如何对表单数据进行编码 默认情况下 数据格式为 key=value&key=value 需要改成 enctype = "multipart/form-data" 默认情况下限制了单次请求文件的大小 单个文 ......
Vue-插槽及自定义事件分发
一.插槽slot 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。 <slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。 插槽就好比一个占位符，它不是解决页面必须元素的位置，而 ......
vue中created和mounted区别
在 Vue.js 中，created 和 mounted 都是生命周期钩子函数，用于在组件不同的生命周期阶段执行代码。它们的主要区别如下： 1.created 钩子函数： 2.created 在组件实例被创建后立即调用。此时组件的实例已经被创建，并且组件的数据观测（data observation） ......
Springboot+Vue（一）
Springboot Controller 1.Web依赖整合了mvc、json、tomcat等框架，简化了Web应用的配置 2.用户向Controller发送请求，从数据库中获取到的数据存在Model中 当用户发出请求后，Controller向Model请求数据，响应之后返回到View ，通过HT ......
All-in-One（二）：硬件直通
# 简介 硬件直通简单来说就是让虚拟机直接使用物理机的硬件资源，例如网卡、显卡等。 # 配置 ## 手动启用 IOMMU 打开 PVE 的 shell 执行以下命令： ```shell # 编辑grub文件 nano /etc/default/grub # 修改GRUB_CMDLINE_LINUX_ ......
All-in-One（三）：Openwrt
# 简介 **OpenWrt **是适用于嵌入式设备的一个 Linux 发行版。相对原厂固件而言，OpenWr t不是一个单一、静态的固件，而是提供了一个可添加软件包的可写的文件系统。这使用户可以自由的选择应用程序和配置，而不必受设备提供商的限制，并且可以使用一些适合某方面应用的软件包来定制你的设备 ......
All-in-One（一）：PVE
# 简介 **Proxmox Virtual Environment**（简称：**Proxmox VE**、**PVE**），是一个开源的服务器虚拟化环境 Linux 发行版。Proxmox VE 基于 Debian，使用基于 Ubuntu 的定制内核，包含安装程序、网页控制台和命令行工具，并且向 ......
All-in-One（五）：Ipv6暴露公网
# 简介 **网际协议第6版**（英语：**I**nternet **P**rotocol **v**ersion **6**，缩写：**IPv6**）是网际协议的最新版本，用作互联网的协议。用它来取代 IPv4 主要是为了解决IPv4地址枯竭问题，同时它也在其他方面对于 IPv4 有许多改进。 # ......
ts和vue3的结合常见的一些问题（持续更新）
特此注意是vue3，而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
vue2 访问网关的时候post无法请求
问题复现： 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 ： 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法： module.exports = defineCo ......
How to install a command once for all login users in Linux All In One
How to install a command once for all login users in Linux All In One
/etc/profile & /etc/profile.d/
......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完，头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏，要在router->index.js里写路径（做链接）2.动态路由$route.params.id相应路由参数变化？捕获路由？3.路由的匹配 ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
avdevice_register_all()解析备忘
以下解析基于fmpeg-6.0。 void avdevice_register_all(void) { avpriv_register_devices(outdev_list, indev_list); }从上面可以看出来，avdevice_register_all()通过avpriv_regist ......
python+playwright 学习-84 Response 接口返回对象
Response 是获取接口响应对象，根据Response 对象可以获取响应的状态码，响应头部，响应正文等内容。 Response 相关操作方法 all_headers 所有响应HTTP标头, 返回Dict 类型 response.all_headers() body 获取 bytes 类型body ......
封装简易axios函数
function myAxios(config) { return new Promise((resolve,reject) => { const xhr = new XMLHttpRequest() if (config.params) { const params = new URLSearch ......
vue3 defineEmits的使用
1.计数器案例 父组件： <template> <h2>当前计数为： {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......