接口axios vue all
Vue-模板语法
一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ ......
Vue学习五：自定义指令、插槽
一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作，扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签，扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in ......
如何使用树莓派搭建一个流媒体服务器 All In One
如何使用树莓派搭建一个流媒体服务器 All In One Raspberry Pi Stream Meidia Server Raspberry Pi Meidia Player OS Emby Media Server https://emby.media/ https://github.com/ ......
Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')
前情 最近在做一个营销活动的时候，我选择了Vue技术栈来开发。 坑位 项目看似一切都正常，但当我在绑定的js事件中去修改当前组件的data上的值时会报错：TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 ......
Vue源码学习(五):<templete>渲染第四步,生成虚拟dom并将其转换为真实dom
好家伙， 前情提要： 在上一篇我们已经成功将ast语法树转换为渲染函数 现在我们继续 1.项目目录 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过我解释给你听一万遍 新增文件：vnode/index.js vnode/p ......
Rockchip RK3399 - USB触摸屏接口驱动
一、触摸屏接口分类 触摸屏主要包括电阻触摸屏和电容触摸屏，这个我们在《linux驱动移植-LCD触摸屏设备驱动》中已经详细介绍了，这里不再重复介绍。 在《linux驱动移植-LCD触摸屏设备驱动》这篇文章中我们介绍了SoC S3C2440触摸屏驱动的实现，对于S3C2440来说，其只支持四线电阻触摸 ......
接口测试实践例子（内含不同接口只需登录一次的方法“自动登录”）
一、接口文档 1.API文档 2.需求文档 接口测试工具--》接口测试脚本--》接口测试框架 二、 利用fixture自动化就绪测试条件 - 部分接口来说，需要保持登录状态- 部分接口来说，需要接口关联- 动态数据 接口信息 - 任务列表 接口地址 GET https://api.tttt.one/ ......
性能测试:入门级接口压测思路
背景介绍 相信很多测试项目上，很多都是身兼多职(既要做功能、自动化、性能啥都要做)；这次依据个人对压测这块的理解，分享一下压测的思路。因为个人以前对压测有很多误区，所以在此分享下避免继续入坑(不喜勿喷，如果还有理解误区求指点,我在来完善); 下面就讲下入门级的愚见:1、压力测试重点关注点是什么？2、 ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
springboot+vue导出本地可执行文件
1、前端页面增加下载链接 <a href="http://localhost:80/system/download" download="xxx.exe">下载地址</a> 2、后端读取文件下载 //下载文件 @GetMapping("/system/download") public void d ......
在 Java 中自定义反序列化：实现可序列化接口
实现可串行化接口的功能 Serialized接口用于管理Java默认序列化机制使用的序列化和反序列化过程。Java 虚拟机 (JVM) 通过该类的 Serialized 接口实现来指示该类是否具有可序列化和反序列化的能力。该接口不仅有利于序列化，而且还使开发人员可以自由地更改默认的反序列化行为。 由 ......
AOP防止连续点击新增接口
防止连续点击的实现方式有很多种，比如，在所有的onclick里面加上防多次点击的代码，或者定义一个新的OnClickListener，在里面加上防多次点击的代码，然后项目中的所有OnClickListener都用这个listener，当然还有一些其他的方式，这里将介绍一种新的方式来实现，那就是aop ......
vue前后端分离项目中，对于空字符串转可空类型出错的解决办法
环境：netcore 6.0+ 序列化采用自带的 System.Text.Json工具 使用vue做前后端分离时，我们提交的对象中，可能有些字段是为空字符串，但是对应接口要求是int? ，decimal? datetime?等类型。那么在序列化时，就会报错。 因为空字符串无法直接反序列化为 null ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props，类似这种(比较懒，没上ts)，在vue3.3.x以前，如果不用三方库，代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
vue-day02
模版语法 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.j ......
Vue Debug Reac 配置
https://zhuanlan.zhihu.com/p/475999585 作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种： 不调试，直接看代码找问题 console.log 打印日志 用 Chrome Devtools 的 debugge ......
vue vue-devtools调试工具神器安装
目录vue vue-devtools调试工具神器安装前言chrome商店直接安装手动安装第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools第二步：安装项目所需要的npm包第三步：编译项目文件第四步：添加至chrome游览器vue-devtool ......
axios封装-token过期请求中断
import axios from 'axios' import { useUserStore } from '@/pinia' import { ElMessage, ElMessageBox } from 'element-plus' import qs from 'qs' const serv ......
【接口自动化测试】Eolink Apilkit 安装部署，支持 Windows、Mac、Linux 等系统
Eolink Apikit 有三种客户端，可以依据自己的情况选择。三种客户端的数据是共用的，因此可以随时切换不同的客户端。 我们推荐使用新推出的 Apikit PC 客户端，PC 端拥有线上产品所有的功能，并且针对本地测试、自动化测试以及使用体验等方面进行了强化，可以提供最佳的使用感受。 建议对本地 ......
vue3videplayer播放m3u8视频流注意事项
前言 使用vue3开发项目时,碰上需要做一个视频流列表的页面,最开始是想获取所有列表数据后创建对应的video标签,这样默认获取第一帧作为封面,同时暂停视频减轻不断请求的压力。但开发后发现视频就算暂停后也会继续请求视频流,多个视频反而会导致页面卡顿。 方案 手动获取视频的第一帧,通过canvas将其 ......
Vue基础
一 条件渲染 指令 释义 v-if 相当于： if v-else 相当于：else v-else-if 相当于：else if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>if、else if、else< ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
vue背景及快速使用
前端介绍 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2. Ajax的出现 -> 后台发送异步请 ......
Vue——模版语法、文本指令、事件指令、属性指令、style和class、条件渲染、列表渲染
模版语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/vue.js"></script> </head> <body> <div id="a ......
vue2原理初探-数据代理和数据劫持
本篇文章主要想简单聊聊vue如何实现数据修改，页面联动的底层原理。 当然，篇幅有限，只是自己一些浅显的认知而已，我会从一下几个方面去聊，希望对你有所帮助。 几个基础知识点 数据代理 数据劫持 完整demo 一、几个基础知识点 1.普通函数和箭头函数的区别 我们知道，每个函数执行都会形成一条作用域链[ ......
Dynamic CRM调用WCF接口获取选项集的说明数据
一、SQL语句： select Value Id,Label Name from LocalizedLabel a left join AttributePicklistValue b on a.ObjectId=b.AttributePicklistValueId left join Option ......
【规范】SpringBoot接口返回结果及异常统一处理，这样封装才优雅
本文通过多个SpringBoot实际项目进行归纳整理，从统一接口返回结果和配置全局异常处理两个方面出发，介绍如何优雅的封装规范后端接口输出，详细刨析@RestControllerAdvice和@ExceptionHandler注解及使用方式，增加后端服务健壮性和与前端对接规范性 ......