接口axios vue all

vue3 webpack qiankun微前端

**qiankun: https://qiankun.umijs.org/zh/guide** **demo源码gitee:https://gitee.com/philippines-kisses-snow/qiankun-demo** > 官方对微应用的说明:通常这种场景下微应用是一个不带路由的可 ......
前端 qiankun webpack vue3 vue

vue3之跳转页面时判断是否跳转

vue3之跳转页面时判断是否跳转 onBeforeRouteLeave((to, from, next) => ( if (ruleAllChange .value){ ElMessageBoxconfirm( "数据未保存,请问是否继续跳转?", "确认" {confirmButtonText:" ......
页面 vue3 vue

JavaScript Date UTC & GMT All In One

JavaScript Date UTC & GMT All In One js 时期时区转换 ......
JavaScript Date All GMT UTC

vue使用socket.io

# Vue 项目使用socket.io 使用library *socket.io-client* 或者 *vue-socket.io* npm install socket.io-client || npm install vue-socket.io ## 使用*socket.io-client* ......
socket vue io

接口

接口 接口的定义与特点接口用关键字interface来定义/*声明了一个接口:体现一种规范,规范一定是公开的*/public interface InterfaceDemo{ //常量 //抽象方法 //目标 :了解接口中的成分贴点,JDK 1.8之前接口中只能有抽象方法和常量 //1.常量 //p ......
接口

接口注意事项

### 1 接收接口使用同步或异步的优缺点 * 同步:需要等待接口返回数据才能往下执行 * 优点:实时性强,流程容易控制 * 缺点:需要阻塞等待 * 异步:无需等待接口返回数据即可往下执行 * 优点:无需阻塞等待 * 缺点:流程控制较为复杂,可能需要回调操作,更多的多线程开销 使用场景:需要根据具体 ......
注意事项 接口 事项

vue项目打包后白屏或者报错Failed to load resource: net::ERR_FILE_NOT_FOUND以及图标为小方框

一、在做完项目之后直接执行npm run build命令,出现空白 1、打包后的dist目录下的文件引用路径不对,会因为找不到文件而报错导致白屏1解决办法:修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的,而你的路径 ......

vue3+typescript +uniapp中select标签

` ` ts的代码: `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序,所以要麻烦很多 转成 :value + @change 来实现 ......
typescript 标签 select uniapp vue3

解决vue项目build的时候报错Warning: Accessing non-existent property ‘cat‘ of module exports inside circular

* 正在执行任务: npm run build > selection-tool@1.0.0 build> node build/build.js - building for production...(node:8992) Warning: Accessing non-existent prop ......

vue使用animate.css

1.在命令行中执行:npm install animate.css --save 2.main.js 中: import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......
animate vue css

教你如何使用API接口获取数据

​ 随着互联网技术的发展和应用的普及,越来越多的系统和应用提供API接口供其他系统和应用进行数据交互。通过API接口,我们可以获取到各种各样的数据,例如天气预报、股票行情、新闻摘要等等。本文将介绍如何使用API接口获取数据,并附有示例代码。 一、选择适合的API接口 首先,需要选择适合的API接口。 ......
接口 数据 API

Vue中 全局限制输入特殊字符

1.新建emoji.jsimport Vue from 'vue'; // 禁止输入特殊字符Vue.directive('emoji', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 const regRule = /[`~^!@#$ ......
全局 字符 Vue

学习 vue.js 3.0 中遇到的前端相关网站汇总

序章 最近学习 vue.js,期间遇到不少相关网站,特整理于本文。 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰:Flex 布局教程 语法: https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 实例: ht ......
前端 网站 vue 3.0 js

Vue3 setup 如何添加name

Vue3 setup 如何添加name 小满zs 2022-11-29 15:5810778 开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第2天,点击查看活动详情 Vue3中name有什么用呢? 1.在递归组件的时候需要定义name 2.配合keep-alive includ ......
setup Vue3 name Vue

10-3 Hybird接口类型抓包理解

# 拓扑 ![](https://img2023.cnblogs.com/blog/3263964/202309/3263964-20230905231740310-749382488.png) # 配置 PC1配置(PC2配置参考PC1) ![](https://img2023.cnblogs.c ......
接口 类型 Hybird 10

vue--day78---路由的基本使用

### 1.基本使用 1. 安装vue-router,命令:```npm i vue-router``` 2. 应用插件:```Vue.use(VueRouter)``` 3. 编写router配置项: ```js //引入VueRouter import VueRouter from 'vue-r ......
路由 vue day 78

vue3探索——使用ref与$parent实现父子组件间通信

在vue3中,可以使用vue3的API `defineExpose()`函数结合`ref`或者`$parent`,实现父子组件数据的传递。 # 子组件向父组件传递数据`defineExpose()`和`ref` - 子组件:通过`defineExpose()` 函数,向外暴露响应式数据或者方法 `` ......
父子 组件 parent vue3 vue

axios封装后发get请求

##ruoyi的前端对axios进行了封装,让我们发get请求或者是post请求更加方便了。ruoyi对axios的封装在下面文件中: ![](https://img2023.cnblogs.com/blog/2957868/202309/2957868-20230905204213430-5853 ......
axios get

使用 vue 渲染静态模板

最近再一次需要做纯静态页面(无任何脚本语言,只保留 css 和 html),以往我直接使用 ejs 生成,但是工作中一直使用 jsx 和 vue 来组装页面,就突发奇想,难道 react、vue 不能只渲染纯静态页面吗? 有了这个想法,我就想验证下可行性,万能百度开始,找了一圈,发现基本都是需要脚本 ......
静态 模板 vue

如何在Vue项目中引入富文本编辑器(wang-enduit)

##介绍 官网 https://www.wangeditor.com/ ##安装 ``` yarn add @wangeditor/editor npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@nex ......
编辑器 wang-enduit 文本 项目 enduit

【坑】VUE中动态数据使用 wow.js 没效果的问题

一般来说正常使用都是在mounted 函数中 mounted() { this.$nextTick(() => { this.$wow.init() }) } 这样如果是死数据是可以正常出现效果的 但是如果是请求回来的数据是没有效果的 需要改一下生成时机 此处的newList 即为请求的数据 wat ......
效果 动态 数据 问题 VUE

C++中模块(DLL)对外暴露接口的几种方式

函数导出:通过在函数前面加上导出修饰符(如__declspec(dllexport))来导出函数。优点是简单易用,缺点是无法避免函数名冲突,且需要手动导出每个函数。 .def文件:通过定义一个.def文件,在其中指定要导出的函数名和入口点。优点是可以一次性导出多个函数,缺点是需要额外的.def文件, ......
模块 接口 方式 DLL

如何编写出简洁高效的 prompt 来释放出 ChatGPT 更加强大的能力 All In One

如何编写出简洁高效的 prompt 来释放出 ChatGPT 更加强大的能力 All In One ChatGPT prompt ChatGPT 提示词 ......
ChatGPT 能力 prompt All One

Axios API

Axios API Axios API参考 可以向 axios 传递相关配置来创建请求 axios(config) // 发起一个post请求 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastNam ......
Axios API

Axios 实例

Axios 实例 创建一个实例 您可以使用自定义配置新建一个实例。 axios.create([config]) const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, heade ......
实例 Axios

一文解锁vue3中hooks的使用姿势

## vue3 中的 hooks 是什么? 简单来说如果你的函数中用到了诸如 ref,reactive,onMounted 等 vue 提供的 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我的理解则是 > 它可以通过特定的函数将逻辑 ......
姿势 hooks vue3 vue

vue3如何监听 props 的变化?

背景 实际开发过程中,当需要通过 watch 监听传入的 props 的某个值的变化,来动态改变组件内部的样式,实现方式如下: export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......
props vue3 vue

vue语言中的keep-alive的作用

在前端Vue语言中,keep-alive是一个抽象组件,用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态,以避免在组件之间切换时重复渲染和销毁组件,从而提高性能。 使用keep-alive包裹动态组件后,当动态组件被切换时,它将会被缓存,而不是被销毁。这样,组件的状态、DOM以及所有的子 ......
keep-alive 作用 语言 alive keep

运用手机运营商二要素Api接口,守护您的账户和隐私,让您安心使用!

随着移动互联网的普及,我们的生活离不开手机,手机成为了我们生活中不可或缺的一部分。但是随着移动支付的普及,手机支付在我们的生活中也变得越来越重要。手机支付是一种方便快捷的支付方式,但是也存在一些安全隐患。如果我们在使用手机支付时不小心泄露了我们的账户和隐私,那么后果不堪设想。因此,有必要寻找一种安全 ......
账户 运营商 要素 接口 隐私

小白最近比较闲,于是整理了一些日常使用的VUE组件

1.VUE中给Dom元素动态添加样式 VUE中,给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致,来动态添加元素的类,同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上,否则样式可能添加不上。 这种情况下可以在 com ......
组件 VUE