风格vue api
Vue封装插件
vue插件开发文档：https://cn.vuejs.org/guide/reusability/plugins.html 提前准备 需要安装vue-cli-service 可以通过以下命令安装需要的vue包 如何安装vue-cli-service - Python技术站 (pythonjishu. ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
接口测试【1】测试开源系列之Insomnia，一个支持plugin的API测试工具
引言 说到API测试工具，大家首先想起的肯定是Postman。其实业界的API测试工具非常多，但是当年Postman作为免费的API工具，其易用性和免费性得到了广大用户的喜欢。但是随着其商业化进程的推进，它已经逐步的在削弱其免费功能，比如最近Postman官方博客就发布了要取消离线免费的功能Scra ......
【JDBC】Java数据库连接：操作流程、API、数据库连接池
JDBC简介 JDBC（Java DataBase Connectivity）Java数据库连接 JDBC是使用Java语言操作关系型数据库的一套API JDBC操作数据库流程 JDBC API DriverManager 驱动管理类 Connection 数据库连接对象 Statement Res ......
Vue3使用vue-video-player组件
1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue学习笔记2024
《Vue.js从入门到项目实战》 孙鑫v-bind用于响应式地更新HTML属性，v-on用于监听DOM事件,变量需要引号引起来v-if是彻底没有v-的命令需要把变量用引号引起来，插值{{}}则不需要v-if和v-for在同一个元素上使用时，v-if优先级高于v-for，意味着v-if不能访问v-fo ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ，会无效的 同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效 因此，正确的绑定办法是，在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
字体风格迁移:
2024-01-03,14点51 字体风格迁移: https://github.com/PaddlePaddle/PaddleOCR/blob/dygraph/StyleText/README_ch.md 已解决：attributeerror: ‘FreeTypeFont‘ object has n ......
若依、vue三级路由缓存失败
router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
jenkins如何给登录用户生成api token 方便代码中连接jenkins
如果项目中需要使用代码连接jenkins，但是有时候不想通过账号密码登录方式，因为这样push代码后可能就会泄露了自己的密码。此时，我们就可以用jenkins的api token来登录了 首先，jenkins的api token如何生成呢： 登录用户进入到jenkins-》点击用户名-》点击Conf ......
vue中watch、methods 和 computed 的区别?
1、基本说明 1.1 computed： 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods： methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法 ......
vue ubuntu服务器配置
1.打包vue项目上传到服务器目录 /home/dhwww 没有权限，可以先上传到当前用户目录下，再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录： root@VM-4-11-ubuntu:/hom ......
百度地图JavaScript API v2.0创建地图
接口文档： https://lbsyun.baidu.com/index.php?title=jspopular3.0 https://lbs.baidu.com/faq/api?title=webapi 地图创建代码： <!DOCTYPE html> <html> <head> <meta htt ......
vue3教程（1 快速入门）
一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
Vue 字符串的格式化填充
main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......
微软官方API实现Office文档的在线预览
功能特点 无需本地安装Office软件，就能快速查看和共享Word、PowerPoint、Excel等Office文档的方法 语音播报: API支持沉浸式阅读模式，用户可以选择使用语音播报文档内容，为视觉障碍人士或者喜好多任务操作的用户提供便利。 免费使用: 微软官方提供的该API是完全免费的，开发 ......
vue引入bootstrap <npm>
1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒，不想再安装swiper来渲染，直接改造下element-ui的走马灯，实现类似的效果，最主要的是后续会迭代到vue3，所以这里临时的实现下即可； 内容 元素绑定ref 给需要监听的元素添加ref，这里是ref="carouse" <div v-for="(nodes, inde ......
常用API
readonly() 接受一个对象 (不论是响应式还是普通的) 或是一个 ref，返回一个原值的只读代理。 详细信息 只读代理是深层的：对任何嵌套属性的访问都将是只读的。它的 ref 解包行为与 reactive() 相同，但解包得到的值是只读的。 要避免深层级的转换行为，请使用 shallowR ......
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
API架构大全(SOAP、Restful、GraphQL、Grpc、Websocket)
一、SOAP SOAP是一种基于XML的简单对象访问协议，适合企业应用 二、Restful Restful基于HTTP应用，提供简介和可靠的网络通信 三、GraphQL GraphQL是一种用于构建和查询API的语言，用来请求特定数据应用，减少多次请求的网络开销，响应速度快 四、Grpc Grpc是 ......
如何更好的进行API管理
相信无论是前端，还是后端的测试和开发人员，都遇到过这样的困难。不同工具之间数据一致性非常困难、低效。多个系统之间数据不一致，导致协作低效、频繁出问题，开发测试人员痛苦不堪。 API管理的难点在哪？ 开发人员在 Swagger 定义好文档后，接口调试的时候还需要去 Postman 再定义一遍。前端开发 ......
Gateway：Spring Cloud API网关组件
Gateway：Spring Cloud API网关组件 问题总结 API网关？ Spring Cloud Gateway? GateWay的工作流程？（重点） Predicate断言？ Filter过滤器？ 问题答案 API网关 优点： 客户端只需要维护API网关地址即可，不用维护大量的服务地址， ......
How To Remove the Oracle OLAP API Objects From 9i and 11g Databases (Doc ID 278111.1)
How to remove the Oracle OLAP API objects from a 9i database We can consider like olap api objects: -) objects in the schema of olapsys; -) public syn ......
如何调用FastGPT的API
fastGPT提供兼容OpenAI格式的接口，但是还是有一些地方需要注意 新建一个应用，可以正常测试通过后。【外部使用】【API访问】【新建一个KEY】 我们在调用FastGPT API的时候，需要传递一个chatId的参数，这个是标识同一个会话的参数。只有传递了chatId，才能让FastGPT知 ......
Vue实现商品详情鼠标移动+放大显示图片细节
效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
# Vue3 使用路由 Router
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav ......