教程npm vue
SpringCloud-Config配置中心搭建保姆级教程
一、分布式配置中⼼ 在使⽤微服务架构开发的项⽬中，每个服务都有⾃⼰的配置⽂件（application.yml）,如果将每个服务的配置⽂件直接写在对应的服务中，存在以下问题： 1. 服务开发完成之后，需要打包部署，配置⽂件也会打包在jar⽂件中，不便于项⽬部署之后的配置修改（在源码中修改——重新打包— ......
RabbitMQ保姆级教程最佳实践
一、消息队列介绍 1、消息队列概念 1、MQ全称为Message Queue,消息队列（MQ）是⼀种应⽤程序对应⽤程序的通信⽅法。 应⽤程序通过读写出⼊队列的消息（针对应⽤程序的数据）来通信，⽽⽆需专⽤连接来 链接它们。 2、消息传递指的是程序之间通过在消息中发送数据进⾏通信，⽽不是通过直接调⽤彼此 ......
Linux Centos7 在虚拟机中安装教程【图文详解】
一、进入国内镜像下载 1、阿里云站点：http://mirrors.aliyun.com/centos/7/isos/x86_64/ 2、选择版本下载 3、版本介绍 CentOS-7-x86_64-DVD-2009.iso 标准安装版（推荐） CentOS-7-x86_64-Everything-2 ......
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 ......
win11任务栏变成透明的教程
win11任务栏变成透明的教程 其实win11原版的任务栏以纯色为主，并且没有任何的透明效果，让桌面壁纸无法完美展示出来，非常难看，因此我们可以通过第三方软件的方式来将它透明化，下面就一起来看一下具体的教程吧。 win11任务栏怎么透明 方法一： 1、首先右键桌面空白处打开右键菜单，选择“个性化” ......
BootstrapBlazor组件库，NET8.0使用教程
BootstrapBlazor组件库，NET8.0使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Boots ......
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 ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
解决：npm ERR! chromedriver@2.27.2 install: `node install.js`
https://cdn.npmmirror.com/binaries/chromedriver/2.27/chromedriver_win32.zip 可以点击这个链接直接下载。 删掉项目中的 node_modules 文件夹。 根据自己的下载地址，安装依赖。 npm install chromed ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
source insight项目导入和使用教程
一、引入已存在的源代码项目 1、Project下创建新项目 2、取一个项目名和一个项目存放文件路径（方便存放索引和一些设置） 3、选择你准备查看或修改的项目源代码 选择源代码文件夹 点击右边【add All】弹出提示 include top level sub-directories 表示将添加第一 ......
如何在win10系统中安装vmware16虚拟机安装教程
###回答1：以下是VMware16虚拟机安装教程Win10的步骤：1.首先，下载并安装VMware16软件。2.打开VMware16软件，点击“新建虚拟机”。3.选择“典型(推荐)”模式，点击“下一步”。4.选择操作系统类型和版本，这儿选择“MicrosoftWindows”和“Windows10 ......
U盘装系统中bios怎么设置USB启动（图文教程）
常见的两种设置方式：第二种：开机设置BIOS后，步入U盘系统U盘装系统中bios如何设置USB启动(图文教程）整个U盘启动里最关键的一步就是设置U盘启动了，本教程内只是以特定机型的笔记本为例进行演示服务器安装linux系统，鉴于各类笔记本不同BIOS设置U盘启动各有差别，所以假如下边的演示不能适用于 ......
【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"> ......
SpringCloud-ZipKin搭建保姆级教程
服务链路追踪 一、服务追踪说明 微服务架构是通过业务来划分服务的，使⽤REST调⽤。对外暴露的⼀个接⼝，可能需要 很多个服务协同才能完成这个接⼝功能，如果链路上任何⼀个服务出现问题或者⽹络超 时，都会形成导致接⼝调⽤失败。 随着业务的不断扩张，服务之间互相调⽤会越来越复杂，它们之间的调⽤关系也许如下 ......
npm简介
1.Npm介绍 Node Package Manager，NodeJS包管理和分发工具 直接安装 npm install module_name //install可简写为 i //使用Npm直接安装模块，默认生产环境，包注册到package.json里 dependencies 中, 会把包安装到 ......
vue3 defineEmits的使用
1.计数器案例 父组件： <template> <h2>当前计数为： {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
Vue3中的Ref与Reactive：深入理解响应式编程
前言 Vue 3是一个功能强大的前端框架，它引入了一些令人兴奋的新特性，其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心，本文将深入探讨它们的用法和差异。 什么是响应式编程？ 在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新， ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码（注意在官网注册和token值申请） <template> <div class="mapbox-map001"> <p> https://www.m ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
vue el-table-column 内容省略号，根据数字展示内容，鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......