接口axios vue all
基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件，自动全局导入api的注意事项
1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置，红色部分就是关于插件的基础自动导入部分，这样就可以将vue和router的相关api全局导入了， import A ......
vue pc使用htmlCanvas Jspdf 实现点击将页面生成图片并转成pdf下载
<template> <div id="main" ref="workbench" v-loading="loading" class="echartsPdf"> 需要的内容 </div> </template> <script> import html2canvas from 'html2canv ......
23-springcloud-feign-5-feign接口的实现调用-example
参考文章: https://dandelioncloud.cn/article/details/1470692865516040193 Feign： 是Netflix开发的声明式、模板化的HTTP客户端， Feign可以帮助我们更快捷、优雅地调用HTTP API，”面向接口的形式“调用HTTP请求， ......
解决vue-elment-admin mock转在线接口地址跨域问题
devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, // before: require('./mock/mock-server.js') proxy: { // [process.env. ......
新员工入职，前端基础环境变量的配置！node、nvm、vue-cli的安装和下载
1.安装nvm及配置 首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node，并使用命令提示符来查看node的位置（where node）手动删除 nvm下载链接：https://nvm.uihtm.com/ 下载最新版本，next傻瓜式操作(需要注意的是） 选择node.js文 ......
Vue3中的Component之间的消息传递
Vue3中的父子之间的消息传递可以通过Emit进行消息传递.详细参见Vue3的官方文档Event的说明https://vuejs.org/guide/components/events.html#declaring-emitted-events 官网中的文档读起来稍微有点费解,这里阐述一下,其实就是 ......
pringboot之restfull接口规范注解(二)
1,springboot逆向mybatis生成接口类 2,执行generator生成接口类 1，控制台使用mvn命令： 2，双击mvn里面的pulgins插件下的renerator启动插件 3，创建一个控制器 4，application配置文件添加引入mapper的xml路径 5,执行效果 6，测试 ......
vue项目中发布新版本线上自动清缓存
背景 最近项目更新频繁，每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本，开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时，hash值也改变。这样就不会走缓存 举个例子 vue.confi ......
用Abp实现两步验证（Two-Factor Authentication，2FA）登录（二）：Vue网页端开发
@ 前端代码的框架采用vue.js + elementUI 这套较为简单的方式实现，以及typescript语法更方便阅读。 首先添加全局对象： loginForm: 登录表单对象 twoFactorData: 两步验证数据， showTwoFactorSuccess: 是否显示两步验证成功提示 l ......
Vue3+element-plus封装文字超出一行，省略号显示，鼠标悬浮展示全部
1.组件封装 <template> <el-tooltip effect="dark" :disabled="isShowTooltip" :content="content" placement="top"> <p :class="['line1', className]" @mouseover= ......
电商平台商品详情接口的应用场景
☞ 商品接口的定义 价格、库存量、发货地点等。此外，它还可以提供商品的详细信息，包括商品的图片、详细描述、规格参数、售后服务等。这些信息可以帮助用户更好地了解商品，从而更好地选择商品。 其次，电商平台商品详情接口的实现原理是基于RESTful API。RESTful API是一种基于HTTP协议的A ......
Vue.js 路由的props配置
视频 index.js(解构赋值，连续解构赋值) Message.vue 7.路由的props配置 作用：让路由组件更方便的收到参数 { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有 ......
Python script get date and time All In One
Python script get date and time All In One
Python shell script print current datetime to log file
......
关于map和Promise.all搭配使用
场景一： // 注意：此时map会发送请求 Promise.all只为拿到并发的结果 const requestBus = rawData.map(v => getfeedbackfielddata({ table_name: v.rule.rule.from.table_name_en })) P ......
Vue+echarts实现中国地图射线效果
效果图如上 前提是安装Echarts并引入 并且配置中国地图json文件这些都在同账号另一篇博客上有说明，查看请自行移步 下展示代码 <template> <div class="managingPatientSize"> <el-row> <el-col :span="6">1</el-col> ......
Vue3+Vite 动态修改svg图片颜色
首先需要以组件形式使用svg，请先看这篇文章：vite中加载使用svg 可能是跟原博主使用的svg格式不同，用:style="{ color: color }"修改颜色不生效，因此做了一点修改，此修改适用的svg如下： 在iconfont官网收藏下载的svg格式图标，打开文件删除其中的fill=xx ......
uni-app vue2升级vue3过程中遇到的问题总结
首先是在升级的过程中，项目跑不起来，相关的问题不贴图了，解决办法简单粗暴，就是卸载，重装最新版Hbuilder X。可以解决一大部分问题。 再次，会出现如下报错： 是因为我在main.js中app.use 的问题，直接注释。然后发现还有如下问题： 排查了好久才发现，是因为写在app.vue中的检测小 ......
Vue项目使用Echarts来实现中国地图，省份显示
当时做的时候参考了CSND博主：接口写好了吗 第一步：下载echarts npm install echarts --save main.js中引入 import * as echarts from 'echarts'; 第二步：引入china.json文件 创建utils文件夹，在内创建china ......
vue2项目搭建
1安装 脚手架和打包工具 创建项目 npm install -g vue-cli npm install -g webpack vue create 项目名 创建vue项目时报错：vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请 ......
macOS Terminal & Raspberry Pi client_loop: send disconnect: Broken pipe All In One
macOS Terminal & Raspberry Pi client_loop: send disconnect: Broken pipe All In One
......
Vue2电商实战项目(二)
最新接口请求地址 - http://gmall-h5-api.atguigu.cn/ - 示例: http://gmall-h5-api.atguigu.cn/api/product/getBaseCategoryList axios二次封装 - 前端请求方法大概有这几种: XMLHttpReque ......
vue属性之监听属性(watch)
简介 当一个变量的值发生变化时，执行对应的函数 语法 # 在属性中添加watch属性，并以需要监听变量的名字进行定义函数 data:{show: 'abc'} watch:{ show(){ 我是函数内容 } } 示例 <!DOCTYPE html> <html lang="en"> <head> ......
vue之计算属性(computed)
简介 在vue中，如果在methods中定义了一个函数，也是可以通过插值语法调用的，但会产生一个问题，如果有多个输入框使用了v-model，这时不管输入的内容是否与这个函数有关，这个函数都会执行一次，这样会让降低运行效率，为了解决这个问题，可以使用计算属性 计算属性效果： 计算属性只有在它的相关依赖 ......
vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量
概述：在index.html模板中判断当前环境，处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件（./config.js）,两种环境下将配置统一挂载到window全局变量上（SET_CONFIG） config.js window.SITE_CONFIG = { app ......
vue之组件
简介 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件 在工程化工发后，一个组件就是一个 xxx.vu ......
pringboot之restfull接口规范注解(二)
1,springboot逆向mybatis生成接口类 2,执行generator生成接口类 1，控制台使用mvn命令： 2，双击mvn里面的pulgins插件下的renerator启动插件 3，创建一个控制器 4，application配置文件添加引入mapper的xml路径 5,执行效果 6，测试 ......
vue 文件拖拽上传功能
现在，很多web端操作都喜欢使用拖拽上传功能。此方法使用起来也很简单，主要是使用 ondrop 和 ondragover 两个事件。 在vue中是这样的 <div class="upload-file-box" v-loading="loading" @drop="dropFile($event)" ......
《U8开发听我说》第七讲：凭证无界面CO接口
用友U8开发培训、用友U8开发、U8开发、UAP报表开发、过滤条件设置枚举、U8接口开发、U8 CO接口、U8二次开发、U8单据对接、U8财务供应链、用友U8开发资料、用友U8开发者社区、U8WMS ......
30个接口自动化测试面试题，赶紧收藏
2. 为什么要进行接口自动化测试？
答：接口自动化测试可以提高测试效率，减少人工测试的工作量，同时可以更快地发现和解决问题，提高软件质量。
3. 接口自动化测试的优点是什么？
答：接口自动化测试可以提高测试效率、减少测试成本、提高测试覆盖率、增强测试的可重复性和可靠性。 ......