接口axios vue all
统一接口返回结果实体
REST接口封装统一返回数据工具类如下(记录)： public class Result { /** * 响应状态码 */ private Integer code; /** * 响应成功与否 */ private boolean success; /** * 响应消息 */ private Str ......
基于uQRCode封装的Vue3二维码生成插件
标题：基于uQRCode封装的Vue3二维码生成插件 摘要：本文介绍了一种基于uQRCode封装的Vue3二维码生成插件，可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境，并且支持微信小程序。本文将详细介绍该插件的使用方法，并给出一个基于Vu ......
自定义精美商品分类列表组件 侧边栏商品分类组件 category组件(适配vue3）
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对 ......
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
JSSDK使用步骤 步骤一:绑定安全域名： 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二:引入JS文件： 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js ......
接口适配
接口适配 背景 某个WebService接口在实现框架替换后，WSDL和请求响应报文中XML的格式与原实现存在差异，比如namespace别名定义，层级（是否应该带有in0之类的层级）等。因为接口被广泛使用，所以需要保证新的接口和原接口一摸一样。 解决方案 通过拦截器或能实现类似效果的截面层对请求和 ......
“接口隔离模式”之外观模式（门面模式）
1 模式动机 外观模式属于“接口隔离模式”的一种。 下图中，A方案的问题在于组件的客户和组件中各种复杂的子系统有了过多的耦合，随着外部客户程序和各子系统的演化，这种过多的耦合面临很多变化的挑战。 如何简化外部客户程序和系统间的交互接口?如何将外部客户程序的演化和内部子系统的变化之间的依赖相互解耦? ......
Vue 常用的指令都有哪些？
1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
Vue3 读取Hdr 文件转Image显示
import { decodeRGBE } from '@derschmale/io-rgbe'; //引入io-rgbe //读取Hdr文件 const ReadHdrFile = (buffer: ArrayBufferLike & { BYTES_PER_ELEMENT?: undefined ......
实时天气预报API接口
一、实时天气(预报)API接口 一款帮助你获取实时天气和天气预报的API接口 二、使用步骤 1、接口 重要提示:建议使用https协议,当https协议无法使用时再尝试使用http协议 请求方式: POST https://luckycola.com.cn/weather/getWeather 2、 ......
获取国内城市编码API接口
一、获取国内城市编码接口 一款免费的帮助你获取取国内城市编码的接口 二、使用步骤 1、接口 重要提示:建议使用https协议,当https协议无法使用时再尝试使用http协议 请求方式: GET https://luckycola.com.cn/weather/geo 2、请求参数 序号 参数 是否 ......
检测判断IP合法性API接口
一、检测判断IP合法性API接口 一款免费的帮助你检测判断IP合法性API接口 二、使用步骤 1、接口 重要提示:建议使用https协议,当https协议无法使用时再尝试使用http协议 请求方式: POST https://luckycola.com.cn/weather/ipValidate 2 ......
uniapp登录板块封装(旧接口getUserInfo)
点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
Callable接口
使用Runnable，Thread实现的线程都无法返回结果。 而Callable创建的线程可以， start 异步执行 当子线程还未执行完 主线程运行到 get方法 会等待子线程执行完 package org.example.test1; import lombok.extern.slf4j.Slf ......
[Vue] vue学习笔记(5): 过滤器
关于过滤器 注册过滤器：Vue.filter(name, callback) 或 new Vue({filters: {...}}) 使用过滤器：{{xxx | filter_name}} 或 v-bind:www="xxx | filter_name" 过滤器可以接受除过滤对象以外的其他参数，也可 ......
[Vue] 案例：收集表单数据
创建一个表单，利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为， prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......
如何获取指定诗歌ID的《唐诗三百首》接口
随着移动互联网的普及，越来越多的人开始学习和欣赏唐诗。不过，对于一些想要获取指定诗歌ID的人来说，这似乎是一件有点困难的事情。好在《唐诗三百首》接口为我们提供了方便快捷的解决方法。下面，就让我们来介绍一下如何获取指定诗歌ID的《唐诗三百首》接口。 数据源介绍： 数据示例下载 ↓ 《唐诗三百首》共选入 ......
接口测试很难？3分钟带你入门接口自动化测试
1、什么是接口？ 接口是连接前台和后台的桥梁，前台通过接口调用后端已完成的功能，而无需关注内部的实现细节。借助于接口，可以实现前后台分离，各自完成开发工作后，进行联调，提高工作效率 2、接口的分类？ GET，POST，PUT,DELETE 3、接口的区别？ GET与POST的区别 答：GET的请求数 ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
vue 富文本编辑器 wangeditor 自定义上传图片 以及 解决 复制粘贴 word 没有图片的情况
本人比较喜欢用这一款编辑器，官方文档：(用于 Vue React | wangEditor)，很详细。我主要来说说怎么使用customPaste 自定义粘贴的，怎么解决 复制粘贴 word ，没有图片的情况。 主要是关于 wangeditor 在 vue2 的使用 效果图： 先把完整代码放这里： < ......
vue3使用富文本编辑器wangEditor 5，增加自定义下拉框，并动态改变下拉框内容
官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行，下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav ......
dubbo中接口cache使用及原理
服务提供者类增加注解@DubboService(cache = "true") 指定服务调用的缓存实现，包括:lru, threadlocal, jcache。 提供者 @DubboService(token = "true", cache = "true") public class CacheS ......
Vue源码学习(十七):实现computed计算属性
好家伙，本章我们尝试实现computed属性 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.分析 1.1computed的常见使用方法 1. 计算依赖数据：当某个数据发生变化时，computed属性可以自动更新，并返回计算结 ......
[Vue] vue如何监控数据的
vue会监测data属性下所有层次的数据变化 监控对象中的数据 通过setter监控，在新建vue实例时就要传入要监控的数据 对象中含有的，之后追加的属性，vue默认不做响应式处理，即没有对应的getter/setter 如果需要响应式处理，要利用对应的API Vue.set(target, pro ......
关于Vue3中调试APP触发异常：exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案
bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......
vue3+vite项目优化静态资源使用云存储
项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
vue-router中的编程式导航api
常用的导航api有： this.$router.push('hash地址') 跳转到指定hash地址，并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址，并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退，数值 ......
Jmeter接口自动化测试 —— Jmeter下载安装及入门
jmeter简介 Apache JMeter是Apache组织开发的基于Java的压力测试工具。用于对软件做压力测试，它最初被设计用于Web应用测试，但后来扩展到其他测试领域。 下载 下载地址：Apache JMeter - Download Apache JMeter 安装 由于Jmeter是基于 ......