接口axios vue all
在线axios,jquery库
点击查看代码 <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script type="text/javascr ......
Jmeter接口自动化测试 —— Jmeter断言之Json断言
json断言可以让我们很快的定位到响应数据中的某一字段，当然前提是响应数据是json格式的，所以如果响应数据为json格式的话，使用json断言还是相当方便的。 还是以之前的接口举例 Url: https://data.cma.cn/weatherGis/web/weather/weatherFcs ......
Jmeter接口自动化测试 —— Jmeter变量的使用
在使用jmeter进行接口测试时，我们难免会遇到需要从上下文中获取测试数据的情况，这个时候就需要引入变量了。 定义变量 添加->配置元件->用户自定义的变量 添加->配置元件->CSV 数据文件设置 变量的调用方式：${变量名}变量的作用范围：变量可以写入任何测试组件的任何字段中（除了TestPl ......
1、vue初体验
1、在页面上引用 vue.mim.js 文件，有个 min 的是压缩的意思。 <script tppe="../vue.min.js"></script> 2、在页面上添加 div 元素 <div id="showPage"> <h1> 系统名称:{{ title }} </h1> <ul> <li ......
防止接口重复调用方法
1、使用数据库唯一索引: 为需要防重复的字段添加唯一索引,再尝试插入,如果重复会报错。 2、使用线程本地变量 利用ThreadLocal存储是否调用过的标识变量。 private static final ThreadLocal<Bolean> CALLED =new ThreadLocal<>() ......
vue关于自定义指令
私有自定义指令（在与data()同级结构中进行配置） // 私有自定义指令的节点 directives: { // 定义名为color的指令，指向一个配置对象 color: { // 当指令第一次被绑到元素上的时候，会立即触发bind函数,只会调用一次 // 形参中的el表示当前指令所绑定到的那个d ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
macOS 使用 Finder 无法把文件拖到 U盘里面去 bug All In One
macOS 使用 Finder 无法把文件拖到 U盘里面去 bug All In One
U盘/磁盘格式不兼容 bug ❌
......
union和union all区别
union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； union All：对两个结果集进行并集操作，包括重复行，不进行排序； 下面进行简单的测试（因为是测试，所以sql代码写的很简单，没有什么很严格的规范，只是为了理解这两者之间的区别） 严格的标准写法应该先判断数据库是否存在 ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......
关于vue中的动态组件component和keep-alive
component标签是vue内置的，作用：组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字，也就是components节点下的组件名称 当我们动态切换组件名称时，每切换一次，组件就会被销毁一次，若不想让组件被销毁，则需要用到标 ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下 ......
Vue 嵌套选项卡 购物车
嵌套选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue. ......
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
vue-treeselect使用案例
https://vue-treeselect.js.org/ 父子节点没有关联 <TreeSelect flat style="background-color: #0e3977" placeholder="请选择" v-model="org" :multiple="true" :options=" ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 ......
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中，我们实现了 router-link 组件，这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界，同一个梦想的，那么我就废话不多说了，直接上代码。 ......
Vue3 + Vite中使用unocss
什么是unocss？ unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。 Unocss： Guide 用Vite安装和配置步骤：UnoCSS Vite Plugin 互动性文档：https://unocss.dev/interactive/（ ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中，组合式 API 通常会与 <s ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show：控制元素可视性，即是否增加样式display=none v-if/v-else-if/v-else：类似if/else-if/else的逻辑结构，进行条件判断，控制元素的可视性，注意这种方法会直接决定元素是否出现DOM树上，而非样式改变 < ! n is a ......
go数据类型-空结构体、空接口、nil
空结构体 func main() { a := struct{}{} fmt.Println(unsafe.Sizeof(a)) fmt.Printf("%p\n", &a) } 打印 0 0x117f4e0 有经验的开发人员都知道，所有的空结构体是指向一个 zerobase的地址，而且大小为0 一 ......
Java集合框架主要接口及实现类详解
Java集合框架是Java编程语言提供的一组接口，用于处理对象集合。Java集合框架中包括了一系列的接口、实现类和算法，可以方便地操作和管理各种类型的集合数据。 Java集合框架主要包括以下接口： Collection接口：是所有集合接口的根接口，提供了基本的集合操作，如添加、删除、遍历等操作。 L ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值，通过利用v-bind指令 🎄情景： 假设存在多个class样式，并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后，类名变为"basic happy" or "basic sad" ......
接口请求重复调用，只保留最后一个请求的返回结果
在前端开发中，有时候我们需要确保即使发起了多次相同的请求，也只处理最后一次请求的响应。这种需求在搜索输入提示、自动完成或者连续的数据更新操作中比较常见。 为了实现这个功能，我们可以使用取消之前请求的策略，或者通过标记的方式来确保只处理最后一次请求的结果。以下是使用JavaScript实现这一功能的两 ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
接口测试：接口常见bug分类
一、接口参数数据类型： 1. 数值型 2. 字符串类型 3. 数组或者 链表类型 4. 结构体 二、接口测试常见bug： 1. 特殊值处理不当导致程序异常退出或者崩溃 2. 类型边界溢出，导致数据读出和写入不一致 3. 取值边界外值未返回正确的错误信息 4. 参数 为null或空字符串“”等 5. ......
使用axios获取接口返回二进制流进行文件下载
1、当接口返回值类型是'application/json'时，处理报错信息 1 if (response.data.type && response.data.type == 'application/json') { 2 let reader = new FileReader(); 3 // 处理 ......
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......