接口 通讯 链接vue

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/ ......
bootstrap vue npm lt gt

MacOS - Xcode@rpath在动态链接库中的应用

一、背景介绍 公司开发的一个底层库被用在了Mac平台的多个产品中。在开发这个底层库的初期,对于Mac OSX下的Install name 并没有过多的了解。对于XCode中的install name项也没有进行过多的配置,于是生成动态库文件在应用到各个产品中时都要修改install name才能用。 ......
链接 动态 MacOS Xcode rpath

Vue——vue2监听元素style变化

前言 纯粹是为了偷懒,不想再安装swiper来渲染,直接改造下element-ui的走马灯,实现类似的效果,最主要的是后续会迭代到vue3,所以这里临时的实现下即可; 内容 元素绑定ref 给需要监听的元素添加ref,这里是ref="carouse" <div v-for="(nodes, inde ......
元素 style vue2 Vue vue

HTTP方式请求并处理GPT聊天补全接口的流式响应输出

python使用HTTP方式,调用OpenAI的聊天补全的流式响应接口,并处理数据 目的是,如果需要对接fastGPT等其他第三方,需要额外增加参数,或者其他开发语言调用时,不能使用官方的类库。需要自行封装请求方法,那么可以参考代码,增加参数或转成相应语言 import json import re ......
接口 方式 HTTP GPT

vue3(二)

1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
vue3 vue

在软件测试过程中如何有效的开展接口自动化测试

一.简介 接口自动化测试是指使用自动化测试工具和脚本对软件系统中的接口进行测试的过程。其目的是在软件开发过程中,通过对接口的自动化测试来提高测试效率和测试质量,减少人工测试的工作量和测试成本,并且能够快速发现和修复接口错误,确保软件系统的稳定性和可靠性。接口自动化测试可以有效地支持持续集成和持续交付 ......
软件测试 接口 过程 软件

接口文档

接口文档 在前后端分离的web应用模式下,我们编写后端只需要编写接口,前端根据我们的接口编写各式各样的前端界面。 作为后端,我们十分清除自己编写的各种接口的作用,以及接口的要求,但是前端人员并不知道,因此我们需要编写接口文档,让前端可以明白需要往什么接口发送请求,请求需要符合的要求。 举例:登陆接口 ......
接口 文档

记录--通过Promise实现分批处理接口请求

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 如何通过 Promise 实现百条接口请求? 实际项目中遇到需要批量发起上百条接口请求怎么办? 最新案例代码在此!点击看看 前言 不知你项目中有没有遇到过这样的情况,反正我的实际工作项目中真的遇到了这种玩意,一个接口获取一份列表,列表中的 ......
接口 Promise

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 ......
路由 Router Vue3 Vue

canvas 手写签名 vue3

<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
canvas vue3 vue

C#中的.net6 WebAPI + Vue3

ShoopingWeb没有控制器,普通api有控制器,ShoopingWeb是直达型,精简了很多中间代码,广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行,也可以自由分类封装 namespace ShoopingWeb { public static c ......
WebAPI net6 Vue3 net Vue

vue-router动态路由 - 角色切换或退出登录时重置路由表

vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
路由 vue-router 角色 动态 router

VUE3请求数据接口,将时间戳转换为时间案例

<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
接口 案例 时间 数据 VUE3

vue3 搜索关键字变颜色

let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
关键字 颜色 关键 vue3 vue

vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug

问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
组件 数据 nextTick 问题 props

node express+vue+html,后端+后台管理+官网线上部署

引言简介 遗憾:这里没有进行linux的mysql安装不完美,有空补全 1. node安装 安装nodejs参考地址: https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
网线 后台 express node html

vue2和vue3的区别有哪些

一、生命周期 vu3在组合式API(Composition API)中使用生命周期钩子时需要先引入,vue2在选项API(Options API)中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......
vue vue2 vue3

vue3 使用脚手架创建应用

1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令: vue create learn_vue3 选择安装vue3: 3.运行 npm run serve ......
脚手架 vue3 vue

linux server Vue 或其它单页面项目站点 nginx 实施部署

# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
站点 页面 项目 server linux

跳转链接 下载链接 自定义处理 XMLHttpRequest 对象来发起 HTTP 请求

import { saveAs } from 'file-saver'; /** * @description: JavaScript 动态生成的 a 标签进行下载, * * * * * * * * *可以使用 XMLHttpRequest 对象来发起 HTTP 请求,并在请求完成后获取响应数据 * ......
链接 XMLHttpRequest 对象 HTTP

前端跳转第三方链接带上token,第三方跳转链接能在Authorization中添加字段吗,方法

要在前端跳转到第三方链接时携带 token,你可以使用以下几种方法: URL 参数:将 token 作为 URL 的查询参数传递给第三方链接。例如,将 token 添加到链接的末尾,如 https://example.com/third-party?token=your_token_here。第三方 ......
第三方 链接 字段 前端 Authorization

antd-vue Modal.confirm方法 执行确定事件弹窗没关闭

vue版本:3.4.x antd-vue版本: 4.0.8 原因:是vue更新到3.4.x版本,某些api和antd-vue不兼容 解决方式:将vue版本锁定3.3.4 ......
antd-vue confirm 事件 方法 Modal

Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件

首先在项目根目录执以下以命令,安装好必要的组件包: # Vue 3 项目,安装最新版 Vant cnpm i vant # 添加按需引入插件,它的作用是在引入组件库中的组件时支持按需引入,减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......

构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践

前面分享了 k8s 的部署安装,本篇来点实操,将会把一个 .net core + vue 的项目(zhontai),打包构建成 docker 镜像,推送到 nexus 镜像仓库,并部署到 k8s 中 ......
仓库 镜像 dotnet Nexus gt

打通Rasa Action Server和LLM接口的尝试方法

本文使用最简单的方法对打通 Rasa Action Server 和 LLM 接口进行了尝试,即当 Rasa 对话 intent 为 out_of_scope 时,调用 action_gpt_fallback 的 action,在 action 中根据 tracker.latest_message. ......
接口 方法 Action Server Rasa

梳理Langchain-Chatchat-UI接口文档

在 Langchain-Chatchat v0.1.17 版本及以前是有前后端分离的 Vue 项目的,但是 v0.2.0 后就没有了。所以本文使用的是 Langchain-Chatchat v0.1.17 版本中的 Vue 项目。经过一番折腾终于将 Langchain-Chatchat v0.1.1 ......

VUE3

1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务,vite是先启动服务,再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest,接下来按提示输入项目信息 启动 ......
VUE3 VUE

html(超链接---列表标签---表格标签)

一、超链接 标签描述 <a> 定义超链接,用于链接到另一个资源 href:指定访问资源的URL target:指定打开资源的方式 _self:默认值,在当前页面打开 _blank:在空白页面打开 代码演示: 运行界面: 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......
标签 表格 链接 html

优雅的书写规范化接口文档

引文 说到接口文档,大家应该Swagger、Postman、Apifox、ApiPost等一点都不陌生。每个部门应该已经有了自己独立的一套,亦或许每个人有了自己专属的一套,不管那个,往长远考虑,好的接口文档不只是为了自己服务,也是为了将来他人服务,没了接口文档就好比没有目录的书籍,可望而不可读。 个 ......
接口 文档
共9490篇  :11/317页 首页上一页11下一页尾页