接口axios vue all
LLM is all you need for the backend
一、LLM给软件开发范式带来了什么改变？ 人们一直在说Github Copilot将取代程序员。我们认为这是错误的。我们已经有了类似GPT-4这种强大的LLM模型，却还要把自己限制在编写传统代码上吗？不！所有代码都有bug！ 代码不是对业务逻辑进行编码的理想方式，代码必须经过审查，并且它按照程序员的 ......
vue 使用vue-json-viewer 展示 JSON 格式数据
# 为什么需要Vue-json-viewer 在前端开发中，我们经常需要处理JSON数据。然而，JSON数据一般是以字符串的形式来传递，难以直观地查看、理解和调试，这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件 ......
vue 使用剪切板功能功能vue-clipboard2
# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明， npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v ......
vue使用echarts图表，有一个组件：v-charts
# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 ......
Codeforces 794G - Replace All
一个比较垃圾的做法，卡着时限过了这道题。 首先大胆猜个结论：要么 $|s|=|t|$，此时 $A,B$ 任取，要么存在字符串 $c$ 和整数 $x,y$ 使得 $A=c^x,B=c^y$，其中 $c^x$ 表示 $x$ 个 $c$ 拼接得到的结果。证明的话感觉还挺复杂的，可能要 border 引理之 ......
vue3 + element 实现季度选择框
效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
vue3+ts利用draggable组件实现拖拽
界面展示 实现步骤 安装组件（vue3引入的包为vuedraggable@next ，vue2为vuedraggable） npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化，拖拽会不起作用，所以加个 ......
关于项目开发中遇到的难点问题-vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题
vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题。 问题描述：项目中A页面有table列表，在列表上方有“导入文件”按钮，点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后，将最终确定的数据返回回显在 ......
vue3 checkbox 单选
<template> <div class="ant-checkbox-group ant-checkbox-group-outline"> <label v-for="item in getOptions" :key="`${item.value}`" :class="getCheckboxwra ......
vue3组合式 API_为 computed() 标注类型
computed() 会自动从其计算函数的返回值上推导出类型 <template> <h3>{{ doubleCount }}</h3> </template> <script setup lang="ts"> import { ref,computed } from "vue" const cou ......
TS二次封装Axios
```typescript // 使用TS二次封装axios，添加拦截器和类型约束 import axios, { AxiosRequestConfig, Method, HttpStatusCode } from 'axios' // 创建axios实例对象并进行基础配置 const servic ......
接口默认方法，接口应用和适配器设计模式
静态方法只能通过接口名调用！！！ 私有方法主要用于提取两个不同方法的相同部分，两个不同方法分别调用私有方法，从而简化代码 ......
vue3+antd-vue实现增改弹窗
对于前端来说，在后台系统中最常见的需求，就是基于表单表格的正删改查。对于增和改，需要实现弹框组件。代码如下： ``` ``` ###使用方法： ###模板使用组件 ``` ``` ###控制打开弹窗 ``` 编辑 ``` ###js const classModal = ref(null) func ......
vueuse使用（VUE3）
vue create my-vue HelloWorld.vue <template> <button type="button" @click="open">选择文件</button> </template> <script> import { useFileDialog } from '@vue ......
vue contenteditable编辑模式下，样式不生效
换行后生成div，设置的样式没有生效 ***原因 style标签上设置了scoped 解决办法 1、去掉style的scoped属性 2、额外写一个style，不加scoped（vue支持多个style） <div class="mainText-body" contenteditable="tru ......
以程序员为视角，关于商品详情API接口的说明
商品详情API接口是现代电商平台中非常重要的一部分，它提供了获取淘宝商品详细信息的能力。作为一个程序员，了解如何调用这个API接口是非常关键的。 首先，我们需要明确的是，API接口是应用程序与服务器之间进行通信和数据交换的一种方式。在调用商品详情API接口之前，我们需要先获得相应的访问凭证，如授 ......
个人微信API接口，WeChat机器人
本篇文章主要讨论微信机器人的开发经验。微信机器人的功能需求很简单,业务代码贼好撸，但是如何和微信交互呢，如何取到微信数据调用相关聊天接口呢，具体分为以下几种技术类型： 1.微信Web接口17年后微信都不支持了，不过还是有一些牛×的star 都是过W star的项目，可惜荒废了。 2.手机Xposed ......
vue3中组合式 API_为 reactive() 标注类型
reactive() 也会隐式地从它的参数中推导类型 <template> <h3>{{ book.title }}</h3> <h3>{{ book.author }}</h3> </template> <script setup lang="ts"> import { reactive } fr ......
Vue3 响应式全局对象json 动态绑定界面四 （Div块样式 Json数据绑定）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx ......
高效 API 接口对接淘宝天猫 1688 拼多多京东商品详情数据（H5 端，PC 端）
淘宝商品详情接口，京东商品详情接口，1688商品详情接口，拼多多商品详情接口，虾皮商品详情接口，lazada商品详情接口 ......
Vue3 响应式全局对象json 动态绑定界面三 （Div块样式 字符串叠加）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma ......
Vue3 响应式全局对象json 动态绑定界面二 （方块矩阵样式）
效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii ......
批量新增接口正确传参以及优化（含数组传参）
需求页面： 接口文档说明： 单个新增计划传参： 批量新增计划传参：批量新增7月24日和8月1日的复制计划 接口优化： 由于当前医生给指定的患者新增计划时，当前医生和患者都不会发生变化，批量新增时仅是新增多个计划时间，所以计划时间可以调整为数组进行传参 接口文档优化： 单个计划新增： 批量计划新增：批 ......
个微API接口 个人微信机器人
简要描述： 下载消息中的文件 请求URL： http://域名地址/getMsgFile 请求方式： POST 请求头Headers： Content-Type：application/json Authorization：login接口返回 参数： 参数名必选类型说明 wId 是 string 登 ......
Vue3 响应式全局对象json 动态绑定界面一 （列表样式）
效果 man.js 定义 响应式全局对象 globalData const globalData=reactive({ extTelListData: [ { userExten: "1000", userName: "秦岚", callStatus:"通话" }, { userExten: "10 ......
VUE|模板语法
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa ......
VUE|组件基础
## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2) ......