源码 原理router vue
Vue中添加全屏动态时间水印
效果图 核心代码 watermark.vue <template> <div class="watermark-outer"> <div class="watermark" v-for="i in 200" :key="i"> <div>{{waterMarkContent}}</div> <spa ......
vue报错:Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.
报错信息: ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
TCP三次握手源码分析(服务端响应SYN)
内核版本:Linux 3.10内核源码地址:https://elixir.bootlin.com/linux/v3.10/source (包含各个版本内核源码,且网页可全局搜索函数)接上一篇,TCP三次握手源码分析(客户端发送SYN) 一、服务端响应SYN 在服务器端,所有的TCP包(包括客户端发来 ......
开源即时通讯(IM)项目OpenIM源码部署指南
OpenIM的部署涉及多个组件,并支持多种方式,包括源码、Docker和Kubernetes等。这要求在确保不同部署方式之间的兼容性同时,还需有效管理各版本之间的差异。确实,这些都是复杂的问题,涉及到深入的技术细节和精准的系统配置。我们的目标是简化部署流程,同时保持系统的灵活性和稳定性,以适应不同用 ......
Vue 如何修改默认启动端口、浏览器自动访问
Vue修改默认启动端口的几种方法 module.exports = defineConfig({ transpileDependencies: true, devServer:{ host:'localhost', port:8088, open:true } }) ......
PyTorch项目源码学习(2)——Tensor代码结构初步学习
PyTorch版本:1.10.0 Tensor Tensor是Pytorch项目较为重要的一部分,其中的主要功能如存储,运算由C++和CUDA实现,本文主要从前端开始探索学习Tensor的代码结构。 结构探索 PyTorch前端位于torch目录下,从_tensor.py可以找到Tensor的pyt ......
相机标定原理
相机标定后可以得到什么?相机的内参矩阵A(dx,dy,r,u,v,f),外参矩阵[R|T]、畸变系数[k1,k2,k3,~,p1,p2,~]。•内参矩阵各元素意义:一个像素的物理尺寸dx和dy,焦距f,图像物理坐标的扭曲因子r,图像原点相对于光心成像点的的纵横偏移量u和v(像素为单位)。 •外参矩阵 ......
MyBatis实战指南(二):工作原理与基础使用详解
MyBatis是一个优秀的持久层框架,它支持定制化SQL、存储过程以及高级映射。那么,它是如何工作的呢?又如何进行基础的使用呢?本文将带你了解MyBatis的工作原理及基础使用。 一、MyBatis的工作原理 1.1 MyBatis的工作原理 工作原理图示: 1、读取MyBatis配置文件 myba ......
vue入门-???? 05days
购物车案例回顾: -v -for循环商品 -checkbox多选: 数组,input > checkbox >value 对象 [在input中 只能使用 v-model] getprice() >方法 > 变量发生变化,这个会重新运算 加全选 与全不选 -chekbox >单独的 >布尔类型 -c ......
SpringBoot原理初探
SpringBoot 原理初探 自动配置: pom.xml spring-boot-dependencies : 核心依赖在父工程中 我们再写或者引入一些SpringBoot依赖的时候,不需要指定版本,就因为有这些版本仓库 启动器 <dependency> <groupId>org.springfr ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端,ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api,接口报错404 找错思路很重要,网上找到了很多Nginx配置信息,但是都不起作用,即使更换服务器重新部署也无法生效 后来才发现,ABPNEXT对于未找到对应实体的报错就是404,按照正常的程序逻辑,404 ......
SpringBoot中使用单例模式+ScheduledExecutorService实现异步多线程任务(若依源码学习)
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 设计模式-单例模式-饿汉式单例模式、懒汉式单例模式、静态内部类在Java中的使用示例: https://b ......
netcore webpi 通过signalr 给vue项目推送消息
最近项目上需要做个服务给前端推消息,首先就想到了signalr,关于signalr 详情可以参考微软官方文档(ASP.NET Core SignalR 概述 | Microsoft Learn),微软现在也有使用教程(ASP.NET Core SignalR 入门 | Microsoft Learn ......
Dictionary原理(转)
原文:【C#】三分钟,深入理解C# 哈希表(Dictionary)_c# dictionary 为什么会hash冲突-CSDN博客 1.哈希函数:将key转成hashcode。 2.哈希桶:用来解决哈希冲突的链表、没有冲突一个桶对应一个entry(有key、value,真正的数据),有冲突就是一个链 ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢? 函数式弹窗的使用场景 首先我们来看看什么是函 ......
NFC标签的工作原理分析(附带DP1332E&DP1363F选型表)
NFC标签是基于近场无线通信技术,利用射频识别(RFID)技术和互联技术进行数据传输。它采用13.56MHz的高频无线电波作为传输介质,通过感应耦合方式实现信息的交换和传输。在NFC通信中,发起设备和接收设备之间的距离通常在几厘米以内。当发起设备(如具有NFC功能的手机)靠近NFC标签时,发起设备会 ......
python diango后端支持运行脚本+vue前端支持脚本运行
# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意: # 1,依赖包需要提前导入至脚本中 # 2,script_path变量是脚本得绝对路径 # 3,filename变量是脚本得名称 # 搭配vue页面使用 # 想法:页面支持导入,编辑,执行脚本 # 导入:默认指 ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac:【shift】+【option】+【f】win:【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标,可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
[Vue]自定义导航栏
思路留存自用,主要是template部分,效果大概如下: <template> <div v-show="isStart" :class="'menu_page' + aniClass"> <div class="menu" v-for="item in items"> <div class="gr ......
Applescript成功实现imessage数据筛选,imessage蓝号检测,无痕检测手机号是否注册imessage的原理
一、imessages数据检测的两种方式:1.人工筛选,将要验证的号码输出到文件中,以逗号分隔。再将文件中的号码粘贴到iMessage客户端的地址栏,iMessage客户端会自动逐个检验该号码是否为iMessage账号,检验速度视网速而定。红色表示不是iMessage账号,蓝色表示iMessage账 ......
CRC计算原理
参考博文:https://mp.weixin.qq.com/s/RNHLZGPD9Ysbxb1FNDn6EA? 1、通过给定的生成多项式推断出接收端和发送端选出来的除数的位数(k) 2、在原始数据后面加k-1个0 3、使用这个新的二进制数和选定的除数进行“模2除法”运算得到余数 4、这个余数的如果位 ......
Kubeedge实现原理
https://bingerambo.com/posts/2021/05/kubeedge%E4%BB%8B%E7%BB%8D%E5%92%8C%E8%AE%BE%E8%AE%A1%E5%8E%9F%E7%90%86/ Kubeedge实现原理 发表于 2019-07-21 | 分类于 edge-c ......
KubeEdge EdgeMesh设计原理
https://www.cnblogs.com/yrxing/p/14662704.html EdgeMesh主要用来做边缘侧微服务的互访。 ServiceMesh service mesh是一个服务网格的概念。在传统的架构里面都是通过像Dubbo来进行服务治理,服务治理的程序和我们应用程序强耦合在 ......
KubeEdge介绍和设计原理
https://bingerambo.com/posts/2021/05/kubeedge%E4%BB%8B%E7%BB%8D%E5%92%8C%E8%AE%BE%E8%AE%A1%E5%8E%9F%E7%90%86/ KubeEdge介绍和设计原理 Binge 收录于 K8S 2021-05-26 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述: 在vue3中有相同名称的文件时,会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案: 修改vite. ......
2. Mybatis 中SQL 执行原理
2. Mybatis 中SQL 执行原理 这里有两种方式,一种为常用的 Spring 依赖注入 Mapper 的方式。另一种为直接使用 SqlSessionTemplate 执行 Sql 的方式。 Spring 依赖注入 Mapper 的方式 Mapper 接口注入 SpringIOC 容器 Spr ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用,内置了vue的各种api,用来将重复逻辑封装复用,比mixin更灵活 hooks中同样可以使用vue的生命周期钩子,但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......