接口axios vue all
阿里巴巴1688API接口调用获取商品详情，获得1688商品详情展示示例（封装可高并发）
阿里巴巴1688是中国最大的B2B电子商务平台之一，它的模式是电商平台+批发市场。与其他B2B平台不同，1688平台一开始就被设计成为由制造商直接销售给经销商和零售商的批发市场。这些制造商以自己的公司名义进行销售，而不是通过代理商或经销商销售，这有助于减少中间环节的费用，从而使整个系统更加高效。 ......
Java笔记（十）：函数式接口
### 函数式接口 有且仅有一个抽象方法的接口 > JDK8中，只有一个抽象方法的接口称为函数式接口，我们就能使用 Lambda。 > 针对一个接口中，是否有大于一个抽象方法？JDK8为我们新增了一个注解:@FunctionalInterface。它能够帮助我们检测这个接口是不是只有一个抽象方法，如 ......
系统化学习前端之Vue（vue2）
## 前言 vue2 截止 2023 年 12 月 31 日不再维护更新，将全面拥抱 vue3 了。 ## vue2 vue2 是一个实现 UI 层的渐进式 js 框架。vue2 本质是一个类，可以配置 options API 实例化为一个 vm 对象，通过模板编译处理成虚拟 DOM，对比更新后生成 ......
总结Vue3 的一些知识点：Vue3 计算属性
Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
总结Vue3 的一些知识点：Vue3 项目打包
Vue3 项目打包 打包 Vue 项目使用以下命令： cnpm run build 执行以上命令，输出结果如下： 执行完成后，会在 Vue 项目下会生成一个 dist 目录，该目录一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、css 以及图片目录 ......
亚马逊平台API接口是什么？
亚马逊商品API接口是基于REST（Representational State Transfer）架构的。该API允许开发人员与亚马逊商品数据库进行交互，以获取商品信息、图像、评论和其他相关数据。亚马逊商品API接口提供了许多RESTful服务，以帮助开发人员构建良好的网络应用程序。 亚马逊商品A ......
vue3 后台返回数据没有返回字段是true和false 值的时候，循环数组，点击单个元素单个元素变化的写法
最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
Vue3 el-input实时转大写、自动去掉空格、光标不跳动
直接上代码： <script setup> import {ref,nextTick } from 'vue' let inputValue = ref(null) let inputRef = ref(null) const handleInput = () => { // 获取光标位置 cons ......
前端vue中实现文件下载的几种方法 四种方法， a.download = "重新下命名下载文件名"
前端vue中实现文件下载的几种方法 原文链接：https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接，通过a标签向后端发送get请求，需要给a标签添加一个download属性 这种写法是创造了一个a标签， ......
日常开发记录-axios配置请求头content-type
blobTypes.json，文件下载blob类型 // 全部类型列表网址 https://www.iana.org/assignments/media-types/media-types.xhtml#application { "pdf": "application/pdf", "zip": "a ......
vue <treeSelect标签中树形选择返回非必填调整以及清内存需手动清理
绑定必须相同 校验规则需trigger我这边用的是change(数据发生改变时发生变化触发),原来用的blur(失去焦点时触发) 如上解决了我此次第一次选择完数据还报非必填问题 清理缓存 手动清理了一下dataform中的gcl的数据 要不然新增完事后还会返回数据 ......
Linux shutdown & reboot & poweroff All In One
Linux shutdown & reboot & poweroff All In One
Raspberry Pi
$ sudo shutdown -r now
$ sudo reboot
$ sudo poweroff ......
Vue导出多个sheet方法
<el-button type="primary" @click="_export">导出</el-button> import XLSX from 'xlsx' _export() { //需要导出的数据 const data = { sheet1: this.data.sheet1, sheet ......
vue3 使用 vant 实现列表上拉加载、下拉刷新
## 实现方式 实现了列表的上拉加载、下拉刷新，使用的是vant库中的 [List](https://vant-ui.github.io/vant/#/zh-CN/list) 和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re ......
淘宝详情api接口的应用
淘宝详情API接口是一个基于HTTP协议的接口服务，可用于获取淘宝商品的具体信息。下面将介绍如何调用淘宝详情API接口获取淘宝商品数据的步骤。 1.注册账号并创建应用 首先，我们需要进行账号注册、实名认证和创建应用。通过创建应用，我们可以获取到一个appkey和appsecret，这是调用API接口 ......
类型和接口之间的区别
摘抄自《TypeScript编程》Boris Cherny著 安道译 1. 类型和接口的共同点 与类型别名相似，接口是一种命名类型的方式，这样就不用在行内定义了。类型别名和接口算是同一概念的两种语法（就像函数表达式和函数声明之间的关系），不过二者之间还是有一些细微差别。先看二者的共同点。以下述类型别 ......
淘宝详情api接口的使用说明
淘宝详情API接口是一种可以用来获取淘宝商品详细信息的服务，包括图片、标题、价格、销量、评论等数据。下面是淘宝详情API接口的使用说明： 1.关于申请API接口权限： 在使用淘宝详情API接口前，需要先申请API接口权限。可以通过访问API官网来进行开通。需要提供注册信息、等待审核通过，并且要支付一 ......
Shopee|Lazada电商平台api接口，接入获取商品评论|根据关键词取商品列表API说明示例
Shopee和Lazada是东南亚地区广受欢迎的电商平台。它们的模式非常类似，都是以C2C（消费者到消费者）、B2C（企业到消费者）和O2O（线上到线下）为主要销售模式。用户可以在平台上购买商品或者将自己的商品出售给其他用户。 这些平台提供了较高的使用便利性，比如支持多种支付方式、商品搜索和浏览、货 ......
vue post请求方式下载附件
因为后台大佬说参数过长，get请求报错一定要用post 1、vue前端代码 <el-button size="medium" @click='exportData(true)’ >导出全部</el-button> 2、js代码 ......
vue 一键导出数据为excel文件并附带样式 十分简单
自入行以来我就一直疑惑一个问题，导出excel为什么总是搞的很复杂，包括网上的教程，屎里淘金，非常耗费精力。今天刚好业务需要，整理一个简单明了的由vue前端导出的版本出来。 开始： #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
vue Js对象结构函数使用方法
写了三行不如一行搞定 原先的 const inComeTypeId = this.queryForm.inComeTypeId const currentPage = this.queryForm.currentPage const pageSize = this.queryForm.pageSiz ......
vue3 组件传参
父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
vue3 router 路由传参
路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
vue中使用vant中PullRefresh 下拉刷新踩坑
## 问题 PullRefresh 的内容未填满屏幕时，只有一部分区域可以下拉： ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了，代码如下 ``` ``` ## 注意 在修改css样式时，出现了一个错误，一开始使用的是以下代码来修改 . ......
vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
vite.config.ts , build: { // 如果自己分片的话，就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
vue3 reactive响应式赋值页面不渲染问题
## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 例如：读取vue项目根目录 process.env.VUE_APP_filePath
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 原文链接：https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件：2.命名规则3.关于文件的加载使用自定义环境 ......
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......
vue --version 显示的却是vue cli的版本号，为什么？
vue --version 显示的却是vue cli的版本号，为什么？ 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号，而不是 Vue.js 的版本号，那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......