接口axios vue all
函数式接口
supplier 获取指定类型数据 consumer 处理指定类型数据 function 处理转换数据 predicate 判断数据 binaryOperator 比较两个值大小 函数式接口配合lamda表达式,让方法可以作为参数传递,增加了代码的表现力,简化代码编写; 通过lamda表达式定义函数 ......
vue+Spring Boot+nginx 部署项目遇到问题
##1、 前端图片资源404 图片放到`public/images/background.png` 下部署到服务器上找不到 **解决:** `url('/public/images/background.png')` ##2、 前端访问后台接口404 nginx配置有误,按下面修正 ###后端 ![ ......
01-vue简介
中文官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) Vue介绍 Vue 是一套用于动态构建用户界面的渐进式JavaScript框架 什么是渐进式,就是Vue可以自底向上逐层的应用,对于简单应用只需要一个轻量小巧的核心库,对于复杂应用可以引入各式各 ......
关于 axios 第一次请求,headers 无法获取到token,需要刷新后才可获取到的解决方案
const instance = axios.create({ // baseURL: "http://175.30.32.3:48080", timeout: 120000, headers: { Authorization: 'Bearer ' + getToken(), 'Content-Ty ......
vue中scoped原理
vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时,它的css样式就只能作用于当前的组件,通过该属性,可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识,给组件中的每个标签对应的do ......
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器,用户可以通过在九宫格中绘制特定的手势来解锁。 ......
扩展ABP的Webhook功能,推送数据到第三方接口(企业微信群、钉钉群等)
# 前言 ### 在上一篇文章[【基于ASP.NET ZERO,开发SaaS版供应链管理系统】](https://www.cnblogs.com/freedyang/p/17679280.html)中有提到对Webhook功能的扩展改造,本文详细介绍一下具体过程。 ### Webhook功能操作说明 ......
vue组件级别的权限控制
**核心思想:尽量减少对组件的侵入性,也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
All Pairs Maximum Flow题解
## 前置知识: ### 1. [P3376 【模板】网络最大流](https://www.luogu.com.cn/problem/P3376) ### 2.[P4897 【模板】最小割树(Gomory-Hu Tree)](https://www.luogu.com.cn/problem/P489 ......
GitHub workflows env All In One
GitHub workflows env All In One
$GITHUB_ENV
......
vue
### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js,然后复制下来,创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
Vue简单浮动标签(simple floating labels)
简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件,支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
js 全屏和退出全屏 这里是vue2的写法
全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
滚动到底部的Vue指令插件
简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件,用于Vue.js 2,当在该元素中添加新内容时,滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
Vue 拖拽组件(Draggable)
简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性: 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放, 没有j ......
Vue 密码强度测试器(Password Strength Meter)
简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
Facebook Ads Api(1)------获取接口调用参数token
背景: 客户系统需要与Facebook Ads集成,配置自定义受众进行广告业务的推广。 在调用Facebook API的时候,需要提供token参数进行调用,而调用自定义受众接口还需要用到act id。获取方法如下步骤: PS:在访问Facebook时,不要切换ip,不然容易导致Facebook账号 ......
vite + vue3 自动导入点击路由刷新问题记录
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
Vue3实战06-CompositionAPI+<script setup>好在哪?
Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来,可在任意需要的地方复用。 基于组件去搭建应用,可实现对业务逻辑的复用。如有其他页面也需要用到这功能,直接复用。 然后,就可基于新语法实现清单应用。 把之前的代码移植过来后,使用ref包裹的响应式数据。修改tit ......
2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)
一、概述 在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js,要保证你的计算机上已经安装过Node.js。可以参考前面的文章:htt ......
1分钟入门接口自动化框架Karate
From: https://www.cnblogs.com/ourtest/p/10172541.html 介绍 在这篇文章中,我们将介绍一下开源的Web-API自动化测试框架——Karate Karate是基于另一个BDD测试框架Cucumber来建立的,并且共用了一些相同的思想。其中之一就是使用 ......
promise.all和promise.race途中出现错误运行情况
1.promise.all a.在使用时,如果中间不出错返回reject,会在.then()后返回每一个promise的resolve()返回的内容。 function p1() { return new Promise((resolve,reject)=>{ console.log('成功1') ......
用友NC uapws接口老版本存在数据库账号密码泄露
## 漏洞复现 fofa语法:app="用友-UFIDA-NC" POC: ``` POST /uapws/service/nc.itf.ses.inittool.PortalSESInitToolService HTTP/1.1 Host: {{Hostname}} User-Agent: Moz ......
用友NC service接口信息泄露漏洞
## 漏洞描述 用友nc有个接口可以获取数据库账户密码,不过是老版本了 ## 漏洞复现 fofa语法:`app="用友-UFIDA-NC"` POC:`/uapws/service` ![](https://img2023.cnblogs.com/blog/2541080/202309/254108 ......
C#,实现文件上传的API接口
废话不多说,直接上干货! 以下上传PDF文件为例子,其他的文件自己举一反三: /// <summary> /// 上传文件(PDF) /// </summary> /// <param name="file">Sop文件</param> /// <returns></returns> [HttpPo ......
新建vue项目(vue@3.3.4)
一,通过命令行创建 root@lhdpc:/data/vue# vue create responsive 此处使用默认选中的vue3,回车即可 二,运行vue项目: 按照提示运行 root@lhdpc:/data/vue# cd responsive/ root@lhdpc:/data/vue/r ......
npm:安装@vue/cli(5.0.8)
一,安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
vue 图片加框及文字标注,并可返回base64
// 图片添加标注并转为base64,用于对图片某个地方画框标注文字 /** * 获取table可视化高度 * @param imgUrl 图片地址 * @param markInfo 标注信息,markInfo.target是标注画框的坐标,markInfo.text为标注文字,默认标注在画框的右 ......