环境变量 .env文件访问现在的前端项目都是用 Node 来作为辅助开发工具，而 process 是 Node.js 中的 一个全局变量，提供来有关当前 Node.js 进程的信息并对其进行控制。而 process 中的 env 则是返回包含用户环境的对象。 通俗点说，就是可以通过 process.env 拿到当前项目运行环境的信息。console.log("环境变量：",process.env)
转载
2024-06-10 10:23:31
81阅读
# 实现“axios processData”的步骤指南
作为一名经验丰富的开发者，我将指导你如何实现“axios processData”。下面是整个流程的步骤图：
```mermaid
flowchart TD
Start(开始) --> Step1(创建一个名为processData的函数)
Step1 --> Step2(接收一个参数data)
Step2 --> Step
原创
2023-12-17 08:55:06
45阅读
# 实现“axios修改processData”
## 一、流程表格
| 步骤 | 描述 |
| ---- | ---------------------------------- |
| 1 | 下载并安装axios |
| 2 | 创建一个axios实例
原创
2024-05-20 04:42:44
81阅读
# axios设置processData
在使用axios发送请求时，我们经常需要对请求数据进行处理，以适应后端的要求。其中一个常用的处理选项是`processData`，它允许我们控制axios是否自动处理请求数据。
## 什么是`processData`？
`processData`是axios中一个用于控制请求数据处理的选项。当我们发送一个请求时，axios会根据请求的`Content
原创
2023-07-29 07:07:47
683阅读
一、 目标：vue 实现多个盒子（用户根据实际场景决定盒子数量）自由拖拽，改变宽度。二、应用场景：可自由拖动宽度的多栏布局。最典型的案例：编辑器（eg:vscode,idea等）下图为本人在项目中引用封装的组件实现的效果：三、组件设计由于该组件盒子数量不确定，所以我们设计组件时参考了Vuetify中的Form和FormItem的设计。即：外层大盒子处理分发的拖拽事件，里层的盒子负责展示各个Item
转载
2024-04-05 00:36:16
210阅读
上文介绍了 自定义拖拽组件的样式 的简单实现，本文将继续给大家分享如何拖拽改变 元件位置，文中通过示例代码介绍，感兴趣的小伙伴们可以了解一下本文主要介绍了选中元件后拖拽围绕着元件的点，变更元件的位置、大小，具体如下：效果图实现过程：控制点需要对元件进行绝对定位，定位到元素的周围给控制点设置鼠标样式给每个控制点绑定 mousedown 事件在每个控制点的身上按下的时候，记录元件的初始信息和鼠标按下时
转载
2024-06-04 11:27:04
120阅读
一直以来都认为新版本中 data 是调用 dataset 实现的，对于低版本IE则采用 getAttribute其实一直是我误解了，也不知道最初这个想法是怎么来的 今天 谢亮 兄弟和我讨论一个东西的时候，谈到了性能，他用的是 attr 操作自定义属
转载
2024-06-14 17:41:04
32阅读
SEO 优化：搜索引擎优化让搜索引擎更好的 定位到相应数据
SEO 基本条件： 1. 多页面--->蜘蛛抓取（爬虫） 2.页面要有蜘蛛抓取的内容 3.页面要有 title，描述，关键词
vue 项目本身不具备这些条件
1.Vue 项目本身是单页面应用 SPA（single page web application）。不具备多页面的条件
2.Vue 打包后的项目只有一个 index.html
转载
2024-10-08 21:26:01
13阅读
1、全局api Vue.config.xxx app.config.xxx Vue.component app.component Vue.directive app.directive Vue.mixin app.mixin Vue.use app.use Vue.prototype app.co
1 监听在
Vue中可以通过watch来监听数据的变化，比如通过watch实现的简单计数器：<div id="app">
<p>计数器：{{count}}</p>
<button @click="count++">点我增加</button>
<p id="info"></p>
</div
在Vue 3中，我们可以方便地引入SCSS（Sass）和LESS预处理器来增强CSS的功能和可维护性。本文将介绍在Vue 3项目中使用SCSS和LESS的基本步骤和注意事项，包括安装依赖、配置构建工具、使用样式文件等。通过学习本指南，您将能够轻松地在Vue 3项目中引入和使用SCSS和LESS。功能描述：引入SCSS和LESS的主要功能如下：变量和嵌套：SCSS和LESS允许使用变量和嵌套语法，提
转载
2024-09-10 09:20:29
84阅读
关于axios拦截器的理解了解axiosaxios APIaxios 实例拦截器 平时经常使用axios进行交互，发送请求获取响应，但是由于很少接触axios拦截器，所以今天特意去研究了一下 axios了解axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 有以下几点优势从浏览器中创建 XMLHttpRequests从 node.js 创建
转载
2024-06-13 12:47:51
81阅读
什么是formdataFormData是Ajax2.0(XMLHttpRequest Level2)提供的一种将form表单元素name和value组合成键值，实现表单数据的序列化，从而减少from表单元素的拼接，提高工作效率对的接口，以方便将form表单数据通过XMLHttpRequest.send() 方法发送到后端，可以使用该对象来处理form表单元素并方便的进行文件上传。FormData主
springboot+vue+cas实现单点登录、退出1.添加依赖包2.添加cas过滤器3.重写拦截器自定义状态码、在前端进行重定向4.忽略ssl认证5.接口编写6.前端首页处理7.cas相关地址配置8.nginx配置9.测试效果 1.添加依赖包<!-- 单点登录 20230426-->
<dependency>
<groupId>org.jasig.
转载
2024-04-19 11:20:30
86阅读
我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后，调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter，这就会造成使用上述方法改变数组后，页面上并不能及时体现这些变化，也就是数组数据变化不是响应式的(对上述不了解的可以参考这篇文章)。但实际用vue开发时，对于响应式数组，使用push、splice、pop等
<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/logo.png"&g...
原创
2021-04-22 20:06:39
4810阅读
# 如何在Vue中使用Axios修改变量
作为一个经验丰富的开发者，我很乐意向你介绍如何在Vue中使用Axios库来修改变量。Axios是一个流行的基于Promise的HTTP库，它可以让我们更简单地进行网络请求。在本文中，我将向你展示整个过程的流程，并提供每一步所需的代码示例，并对代码进行详细的注释。
## 过程概述
在使用Axios修改变量时，我们通常遵循以下步骤：
1. 导入Axio
原创
2024-01-25 07:29:58
40阅读
<div class="click-box" :style="{'top':top+'px','left':left+'px'}" @click="clickBox"> ...
转载
2021-07-27 16:52:00
2691阅读
2评论
# Vue中使用Axios修改变量
Axios是一个基于Promise的库，用于浏览器和Node.js。它可以在Vue项目中轻松地发送异步请求。在Vue中，Axios是常用的用于与后端API进行通信的库之一。本文将介绍如何使用Axios来修改Vue中的变量。
## axios库的安装和配置
在使用Axios之前，需要先安装和配置axios库。可以使用npm或者yarn进行安装
原创
2023-11-09 14:16:52
68阅读
代码如下<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/l...
转载
2021-04-22 20:06:54
1894阅读
