页面axios网络vue
计算机网络散记 -- 关于局域网内两台设备互ping不了
背景 由于个人项目练习，所以固定两台设备的静态ip地址，window的ip地址为192.168.33.107，linux的ip地址为192.168.33.106。家里的wifi也有两个（其中一个为拓展器分发）【wifi名分别为 “家用wifi” 和 “家用wifi-加强版” 】。 本来两台设备之间的 ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
记录--H5页面对接微信支付踩坑杂记
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 应用背景：vite搭建的vue3项目 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接 外部支付系统：聚合支付、微信小程序支付、微信H5支付 目录 读完本文，你将会对以下几个坑点有所了解： 对接第三方服务商过程踩坑 对接小程 ......
零拷贝技术：减少数据复制和上下文切换，提高网络传输效率（下）
本章节主要讨论了如何通过零拷贝技术来优化文件传输的性能。零拷贝技术主要通过减少用户态和内核态之间的上下文切换次数和数据拷贝次数来提高性能。具体来说，介绍了两种实现零拷贝的方式：mmap + write和sendfile。使用mmap + write可以减少一次数据拷贝过程，而使用sendfile系统... ......
springboot+vue导出本地可执行文件
1、前端页面增加下载链接 <a href="http://localhost:80/system/download" download="xxx.exe">下载地址</a> 2、后端读取文件下载 //下载文件 @GetMapping("/system/download") public void d ......
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: () ......
Python并发编程——IO模型、阻塞IO、非阻塞IO、多路复用、异步IO、IO模型比较、selectors模块、复习网络和并发知识点
文章目录 每日测验一 IO模型介绍二 阻塞IO(blocking IO)三 非阻塞IO(non-blocking IO)四 多路复用IO(IO multiplexing)五 异步IO(Asynchronous I/O)六 IO模型比较分析七 selectors模块网络并发知识点梳理网络并发知识点梳理 ......
原生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 ......
Hyper-V创建虚拟机配置IP等网络配置原理（Linux、Windows为例）
大家知道Windows系统里面内置了Hyper-V管理器，用来创建和管理本地虚拟机环境。今天我创建了两台虚拟机，一台是CentOS7.9（Linux），另一台是Windows 11，然后发现，Linux虚拟机网络不通，默认没有设置本地网络配置。而 Windows11虚拟机却可以。研究了下原因，解决办 ......
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 ......
vue3videplayer播放m3u8视频流注意事项
前言 使用vue3开发项目时,碰上需要做一个视频流列表的页面,最开始是想获取所有列表数据后创建对应的video标签,这样默认获取第一帧作为封面,同时暂停视频减轻不断请求的压力。但开发后发现视频就算暂停后也会继续请求视频流,多个视频反而会导致页面卡顿。 方案 手动获取视频的第一帧,通过canvas将其 ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
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背景及快速使用
前端介绍 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 ......
HarmonyOS应用侧与前端页面数据通道建立
一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......
深度学习---图像目标检测网络
前面介绍了图像分类网络，并重点解析了ResNet及其应用以及MobileNet系列的轻量化分类网络，这一篇接着介绍图像目标检测网络。 目标检测具有巨大的实用价值和应用前景。 应用领域包括人脸检测、行人检测、车辆检测、飞机航拍或卫星图像中道路的检测、车载摄像机图像中的障碍物检测、医学影像在的病灶检测等 ......
vue2原理初探-数据代理和数据劫持
本篇文章主要想简单聊聊vue如何实现数据修改，页面联动的底层原理。 当然，篇幅有限，只是自己一些浅显的认知而已，我会从一下几个方面去聊，希望对你有所帮助。 几个基础知识点 数据代理 数据劫持 完整demo 一、几个基础知识点 1.普通函数和箭头函数的区别 我们知道，每个函数执行都会形成一条作用域链[ ......
解决uni-app 输入框，键盘弹起时页面整体上移问题
解决uni-app 输入框，键盘弹起时页面整体上移问题 我们每次在做UNIAPP小程序和H5遇到输入框时，总会在测试的时候点击输入框弹出软键盘把页面往上移动，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面 1.发现 ......
一些vue面试题
1. Vue组件的生命周期有哪些，它们的执行顺序是什么? 答：Vue组件的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等。它们的执行顺序如下： beforeCre ......
Vue2 Modal组件函数式调用封装（基于Ant Design Vue 组件）
一、h函数（createElement函数）版本 import Vue from "vue"; import { Modal } from "ant-design-vue"; // 获取扩展 Modal 组件 function getModalConstructor(modalProps, chil ......
django—实现前端页面批量删除功能
views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......
从零开始使用vue2+element搭建后台管理系统（主页）
登录后，应有一个主页，可以展示当前用户的一些信息，例如上次登录时间地点、修改手机号、重置密码等简单功能，如图： 首先在views下新建HomeView.vue文件： <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < ......
Vue源码学习(六):(支线)渲染函数中with(),call()的使用以及一些思考
好家伙, 昨天,在学习vue源码的过程中,看到了这个玩意 嘶,看不太懂,研究一下 1.上下文 这段出现vue模板编译的虚拟node部分 export function renderMixin(Vue) { Vue.prototype._c = function () { //创建标签 return ......
表单提交页面刷新问题
背景 在template中使用了<form></form>，在form中使用了button button绑定了onClick事件，进行非提交表单的操作 当点击button时页面会自动刷新 原因 form标签在提交的时候会自带刷新页面的请求 button标签默认type="submit"，放在form ......
Electron-vue项目打包遇坑
项目背景 一个Electron+vue2的桌面应用项目，进行打包 使用了vue-cli-plugin-electron-builder将Electron和vue结合 直接使用electron-builder打包 问题一：打包后，background.js中会出现模块引入报错。Electron是com ......