当前位置：首页 > news >正文

【前端】将vue的方法挂载到window上供全局使用，也方便跟原生js做交互

news 来源：原创 2025/5/10 12:19:00

<template><div><el-button @click="start">调用方法</el-button></div>
</template>
<script>
// import { JScallbackProc } from './JScallbackProc'
// window.JScallbackProc = JScallbackProcexport default {mounted(){//将vue的方法挂载到window上window.JScallbackProc = (paramXml)=>{this.JScallbackProc(paramXml)}},components:{},data() {return {};},methods: {JScallbackProc(paramXml){console.log('paramXml:', paramXml)},start(){window.JScallbackProc('test')}}
};
</script>

JScallbackProc.js

export function JScallbackProc(paramXml) {console.log('单独的方法JScallbackProc:', paramXml)return paramXml;
}

【前端】将vue的方法挂载到window上供全局使用，也方便跟原生js做交互

【前端】将vue的方法挂载到window上供全局使用，也方便跟原生js做交互 <template><div><el-button click"start">调用方法</el-button></div> </template> <script> // import { JScallbackProc } from ./JScal…...

编程日记 2025/5/10 12:19:00

单片机的中断系统

作者简介彭煜轩，男，银川科技学院计算机与人工智能学院，2022级计算机与科学技术8班本科生，单片机原理及应用课程第3组。指导老师：王兴泽电子邮件：1696409709qq.com 前言本篇文章是参考《单片机原理…...

编程日记 2025/5/6 13:33:00

Java基础面向对象（接口高级）

高版本的接口 JDK8.0 普通的公开非抽象方法(默认方法) [public] default 返回值类型方法名(形参列表){//操作语句 } default: 在此位置身份为非抽象标识接口中的非抽象方法实现类不需要进行重写且通常不会进行重写当父类与接口的方法体出现冲突时, 优先执行父类内容 (类优…...

编程日记 2025/5/5 22:52:12

OpenCV圆形标定板检测算法findCirclesGrid原理详解

OpenCV的findCirclesGrid函数检测圆形标定板的流程如下： findCirclesGrid函数源码： //_image,输入图像 //patternSize,pattern的宽高 //_centers,blobs中心点的位置 //flags,pattern是否对称 //blobDetector,这里使用的是SimpleBlobDetector bool cv::findCirclesGrid(…...

编程日记 2025/4/12 23:44:05

Linux 网卡收包流程如下

Linux 网卡收包流程如下网卡收到数据包将数据包从网卡硬件缓存移动到服务器内存中(DMA方式，不经过CPU)通过硬中断通知CPU处理CPU通过软中断通知内核处理经过TCP/IP协议栈处理应用程序通过read()从socket buffer读取数据网卡丢包我们先看下ifconfig的输出&#…...

编程日记 2025/5/3 17:33:37

普中51单片机——LED流水灯模块

1、GPIO概念 GPIO（general purpose intput output）是通用输入输出端口的简称，可以通过软件来控制其输入和输出。51 单片机芯片的 GPIO 引脚与外部设备连接起来，从而实现与外部通讯、控制以及数据采集的功能。 1.1、GPIO分类 &a…...

编程日记 2025/5/10 8:00:16

Linux 各个目录作用

刚毕业的时候学习Linux基础知识，发现了一份特别好的文档快乐的 Linux 命令行，翻译者是happypeter，作者当年也在慕课录制了react等前端相关的视频，通俗易懂，十分推荐关于Linux的目录，多数博客已有详细介绍…...

编程日记 2025/5/6 17:25:05

【包教包会】CocosCreator3.x——重写Sprite，圆角、3D翻转、纹理循环、可合批调色板、不影响子节点的位移旋转缩放透明度

一、效果演示重写Sprite组件，做了以下优化： 1、新增自变换，在不影响子节点的前提下位移、旋转、缩放、改变透明度新增可合批调色板，支持色相、明暗调节新增圆角矩形、3D透视旋转、纹理循环所有功能均支持合批、原生平台&…...

编程日记 2025/5/7 20:53:12

腾讯阅文集团Java后端开发面试题及参考答案

Java 的基本数据类型有哪些？Byte 的数值范围是多少？ Java 的基本数据类型共有 8 种，可分为 4 类：整数类型：包括 byte、short、int 和 long。byte 占 1 个字节，其数值范围是 - 128 到 127，用于表示较小范围的整数，节省内存空间，在处理一些底层的字节流数据或对内存要求…...

编程日记 2025/5/9 8:34:43

Kafka如何保证消息可靠？

大家好，我是锋哥。今天分享关于【Kafka如何保证消息可靠？】面试题。希望对大家有帮助； Kafka如何保证消息可靠？ 1000道互联网大厂Java工程师精选面试题-Java资源分享网 Kafka通过多种机制来确保消息的可靠性，主要包…...

编程日记 2025/5/8 5:46:55

【layui】tabs 控件内通过 iframe 加载url 方式渲染tab页面

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>tabs 内部使用 iframe 嵌套 url 页面</title><link rel"stylesheet" href"../../../libs/layui/layui-2.4.5/dist/css/layui.css"><scr…...

编程日记 2025/5/5 2:30:34

EtherCAT转DeviceNe台达MH2与欧姆龙CJ1W-DRM21通讯案例

一.案例背景台达MH2设备通常采用EtherCAT通信协议，这种协议在高速实时通信方面表现出色，适合设备之间的快速数据交换和精准控制。而欧姆龙CJ1W-DRM21 模块基于DeviceNet通信协议，DeviceNet在工业现场总线领域应用广泛，侧重于设备…...

编程日记 2025/5/10 7:30:03

清华、智谱团队：「6000亿合成交错语音文本」预训练，问答性能提升近3倍

与基于文本的大语言模型（LLM）相比，语音语言模型（SpeechLM）接受语音输入并生成语音输出，能够实现更自然的人机交互。然而，传统的 SpeechLM 因缺乏无监督语音数据和并行语音-文本数据，…...

编程日记 2025/4/30 5:53:00

Python办公——openpyxl处理Excel每个sheet每行修改为软雅黑9号剧中+边框线

目录专栏导读背景1、库的介绍①：openpyxl 2、库的安装3、核心代码4、完整代码5、最快的方法(50万行44秒)——表头其余单元格都修改样式总结专栏导读 🌸 欢迎来到Python办公自动化专栏—Python处理办公问题，解放您的双手 🏳️‍…...

编程日记 2025/5/7 23:34:44

遇到问题：hive中的数据库和sparksql 操作的数据库不是同一个。

遇到的问题： 1、hive中的数据库和sparksql 操作的数据库不同步。观察上面的数据库看是否同步 ！！！ 2、查询服务器中MySQL中hive的数据库，发现创建的位置没有在hdfs上，而是在本地。这个错误产生的原因是&…...

编程日记 2025/5/6 5:14:55

《网络攻防实践》实践五报告

1.实践内容防火墙 （1）基本概念所谓“防火墙”是指一种将内部网和公众访问网（如Internet）分开的方法，它实际上是一种建立在现代通信网络技术和信息安全技术基础上的应用性安全技术，隔离技术。越来…...

编程日记 2025/5/6 14:02:29

深入傅里叶级数与傅里叶变换：从基础到应用

傅里叶分析是数学、物理和工程领域的一项基础工具，其核心思想是将复杂的信号或函数分解为一系列简单的正弦和余弦函数的叠加。本文将带你从傅里叶级数入门，逐步深入傅里叶变换的概念及其应用场景。一、傅里叶级数：周期信号的分解 1. 什么是傅…...

编程日记 2025/5/6 11:34:00

C++入门一

一、命名空间 #include <stdio.h> int rand 0; int main() {printf("hello world\n");printf("%d\n", rand); } 这样是可以运行的，可是当我们加入一个头文件的时候 #include <stdio.h> #include <stdlib.h> int rand 0;…...

编程日记 2025/5/9 6:14:07

Spring Boot 项目集成camunda流程引擎

Spring Boot 项目集成camunda流程引擎 camunda地址 camunda中文地址使用camunda开源工作流引擎有：通过docker运行、使用springboot集成、部署camunda发行包、基于源代码编译运行等多种方式。文本重点介绍如何在Spring Boot应用程序中如何集成Camunda Platform开…...

编程日记 2025/5/9 5:56:52

Ubuntu20.04编译安装Carla全过程

前言 Carla的安装是我现阶段解决的第一个问题，现记录一下我安装Carla的过程以及我在安装过程中遇到的一些问题。一、安装前准备 1、硬件环境 carla是一款基于UE4开发的模拟仿真软件，本身对硬件的要求比较高。我是windows与ubuntu双系统&#xff0…...

编程日记 2025/4/29 15:45:42

typecho 自动订阅 RSS

昨天学习了一下 RSS 订阅知识之后，经过一番百度搜索，终于在自己的博客上实现了 RSS 订阅功能，但苦于技术有限，不能对 Feed 文件进行定时缓存，每次打开链接都会比较延迟。今天继续对这个功能进行了学习，突然…...

编程日记 2025/5/7 12:30:48

MFC图形函数学习13——在图形界面输出文字

本篇是图形函数学习的最后一篇，相关内容暂告一段落。在图形界面输出文字，涉及文字字体、大小、颜色、背景、显示等问题，完成这些需要系列函数的支持。下面做简要介绍。一、输出文本函数原型：virtual BOOL te…...

编程日记 2025/5/10 1:51:42

11.25.2024刷华为OD

文章目录 HJ76 尼科彻斯定理（观察题，不难）HJ77 火车进站（DFS）HJ91 走格子方法，（动态规划，递归，有代表性）HJ93 数组分组（递归）语法知识…...

编程日记 2025/5/10 2:37:54

Python练习55

Python日常练习题目： 补充函数getLastDay(y,m)，其功能是计算y年m月共有多少天。 --------------------------------------------------------- 注意： 部分源程序给出如下。请勿改动主函数main和其它函数中的任何内容，…...

编程日记 2025/4/30 20:36:58

DDR5和DDR4之区别（The Difference between DDR5 and DDR4）

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 DDR是什么意思? DDR5和D…...

编程日记 2025/5/9 17:05:59

分层架构 IM 系统之 Router 架构分析

通过前面文章的分析，我们已经明确，Router 的核心职责是作为中央存储记录在线客户端的连接状态，Router 在本质上是一个内存数据库。内存是一种易失性的存储，既如此，Router 的可用性如何保障呢？ 副本是分布…...

编程日记 2025/5/8 17:16:09

用函数实现模块化程序设计（七）--数组作为函数参数（排序算法）

调用有参函数时，需要实参，实参可以是常量，变量，表达式，数组元素的作用与变量相当，凡是变量出现的地方都可用数组代替，数组元素可以用作函数实参，数组名可以作实参和形参，…...

编程日记 2025/4/26 3:47:52

M31系列LoRa分布式IO模块功能简介

M31系列LoRa 分布式 IO 模块简介 M31系列LoRa分布式IO主机模块是一款强大的无线远程控制与采集设备，该设备采用 LoRa 无线技术（内置了无线模块），可通过串口或远程 LoRa 组网设备发送 Modbus RTU 指令进行控制，可搭配E…...

编程日记 2025/5/7 21:41:32

Dockerfile 安装echarts插件给java提供服务

java调用echarts插件，生成图片保存到磁盘然后插入到pptx中报表。 Dockerfile文件内容： #基础镜像，如果本地仓库没有，会从远程仓库拉取 openjdk:8 FROM docker.io/centos:centos7 #暴露端口 EXPOSE 9311 # 避免centos 日志输出 …...

编程日记 2025/5/9 17:54:08

学习threejs，使用VideoTexture实现视频Video更新纹理

👨‍⚕️ 主页： gis分享者 👨‍⚕️ 感谢各位大佬点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏：threejs gis工程师文章目录一、🍀前言1.1 ☘️VideoTexture 视频纹理二、…...

编程日记 2025/5/5 21:38:51

【二分查找】Leetcode例题

【1】69. x 的平方根 - 力扣（LeetCode） 🍡解题思路：首先想到的是暴力查找，从1开始依次比较x与num*num的大小，然后找出满足num*num<x且(num1)*(num1)>x的num值；再来看看能不能优化一下&…...

编程日记 2025/5/9 15:27:07

稳定运行的以MySQL数据库为数据源和目标的ETL性能变差时提高性能方法和步骤

在ETL（Extract, Transform, Load）过程中，数据源和目标都为MySQL数据库时，性能变差可能由多种原因引起。提高以MySQL为数据源和目标的ETL性能需要综合考虑数据库性能、ETL任务的处理方式、硬件资源和工具的选择。通过批量处理、并行…...

编程日记 2025/5/7 20:14:40

Springboot（四十九）SpringBoot3整合jetcache缓存

上文中我们学习了springboot中缓存的基本使用。缓存分为本地caffeine缓存和远程redis缓存。现在有一个小小的问题，我想使用本地caffeine缓存和远程redis缓存组成二级缓存。还想保证他们的一致性，这个事情该怎么办呢？ Jetcache框架为我们解决了这个问题。 ‌JetCache‌是一个…...

编程日记 2025/5/9 18:14:51

JVM 参数前缀 -XX: 含义详解

在 Java 虚拟机（JVM）中，参数前缀 -XX: 表示的是 JVM 的非标准（实验性）选项。这些参数用于调整和优化 JVM 的性能、垃圾回收行为、内存分配策略等。 1. 参数分类 -XX: 参数大致分为三类，根据其格式区分&…...

编程日记 2025/5/6 12:11:08

【Mac】安装Gradle

1、说明 Gradle 运行依赖 JVM，需要先安装JDK，Gradle 与 JDK的版本对应参见：Java Compatibility IDEA的版本也是有要求Gradle版本的，二者版本对应关系参见：Third-Party Software and Licenses 本次 Gradle 安装版本为…...

编程日记 2025/5/9 21:14:38

证明切平面过定点的曲面是锥面

目录证明：切平面过定点的曲面是锥面. 证明：切平面过定点的曲面是锥面. 证明： 方法一： 设曲面 S : r r ( u , v ) S:\mathbf{r}\mathbf{r}(u,v) S:rr(u,v)的切平面过定点 P 0 P_0 P0,其位置向量为 p 0 . \mathbf{p}_0. p0…...

编程日记 2025/5/5 13:29:11

【WPS】【EXCEL】将单元格中字符按照分隔符拆分按行填充到其他单元格

问题：实现如下图的效果解答： 一、函数 IFERROR(TRIM(MID(SUBSTITUTE($A$2,",",REPT(" ",LEN($A$2))),(ROW(A1)-1)*LEN($A$2)1,LEN($A$2))),"") 二、在单元格C2中填写如下函数三、全选要填充的单元格并且按CTRLD 函数…...

编程日记 2025/5/5 15:17:15

工作：三菱PLC防止程序存储器爆满方法

工作：三菱PLC防止程序存储器爆满方法一、防止程序存储器爆满方法1、编程时，添加行注释时，记得要选“外围”，这样不会占用PLC程序存储器内存；2、选择“外围”的注释，前面会有个*星号，方便检查二…...

编程日记 2025/5/5 1:43:56

【计算机组成原理】1位预测机制与2位预测机制详解

1位预测机制与2位预测机制详解在计算机体系结构中，分支预测是为了提高流水线效率而对分支指令执行结果进行预测的技术。1位预测机制和2位预测机制是两种常见的分支预测策略，它们通过预测分支是否发生来决定是否跳转。一、1位预测机制 1位预测机制是…...

编程日记 2025/5/5 20:02:12

基于SpringBoot+Vue的靓车汽车销售网站-无偿分享 (附源码+LW+调试)

目录 1. 项目技术 2. 功能菜单 3. 部分功能截图 4. 研究背景 5. 研究目的 6. 可行性分析 6.1 技术可行性 6.2 经济可行性 6.3 操作可行性 7. 系统设计 7.1 概述 7.2 系统流程和逻辑 7.3 系统结构 8. 数据库设计 8.1 数据库ER图 （1）材料分…...

编程日记 2025/5/2 13:09:32

ESP32-S3模组上跑通ES8388（13）

接前一篇文章：ESP32-S3模组上跑通ES8388（12） 二、利用ESP-ADF操作ES8388 2. 详细解析上一回解析了es8388_init函数中的第6段代码，本回继续往下解析。为了便于理解和回顾，再次贴出es8388_init函数源码，在…...

编程日记 2025/5/3 1:22:53

洛谷 P1651 塔（DP）

题目传送门https://www.luogu.com.cn/problem/P1651 解题思路设表示前个积木，两塔高度差为 （第一个比第二个高多少），的最大高度。易得： 首先，不选当前的积木： 其次，选当前…...

编程日记 2025/5/6 5:24:25

去哪儿Java开发面试题及参考答案

怎么设置缓存能更快让用户收到数据？要设置缓存以更快让用户收到数据，可从以下几方面着手。首先，选择合适的缓存位置很关键。将缓存放置在离用户近的地方，如 CDN 缓存，能极大缩短数据传输距离与时间。对于动态内容，可在应用服务器本地设置内存缓存，像使用 Ehcache 等库，…...

编程日记 2025/5/9 17:58:25

DDOS分布式拒绝服务攻击

DDOS分布式拒绝服务攻击简单来说传统的DOS就是一台或者多台服务对一个受害目标（服务器，路由，ip，国家）进行攻击，当范围过大时就是DDOS。目的就是通过大规模的网络流量使得正常流量不能访问受害目标&…...

编程日记 2025/4/30 6:21:05

AI后端工程师面试题的内容

AI后端工程师面试题主要包括以下几个方面的内容‌： ‌一、技术基础和项目经验‌： ‌1. 微服务架构的理解和应用‌：请描述你对微服务架构的理解，并举例说明一个你参与过的微服务项目，阐述你在该项目中扮演的角色和所承…...

编程日记 2025/5/6 20:07:49

使用go语言写一个脚本实现WebSockt连接用户发送a 得到返回b

在Go语言中实现一个简单的WebSocket服务器，该服务器能够接收客户端发送的“a”并返回“b”，可以按照以下步骤进行。首先，确保你的环境中已经安装了Go语言环境。接下来，你需要安装一个WebSocket库来处理WebSocket连接。这里我们使用…...

编程日记 2025/5/6 11:40:38

浏览器中输入一个URL后，按下回车后发生了什么

URL ，统一资源定位符， 简单点就是网址 ip 或域名端口号资源位置参数锚点大致流程 URL 解析DNS 查询TCP 连接处理请求接受响应渲染页面 1 ．输入一个网址之后，首先浏览器通过查询 DNS ，查找这个 URL 的 IP …...

编程日记 2025/5/5 8:06:44

ISO26262-（Timing Monitoring）在多核MCU的TPU上功能安全ASILB与ASILD有什么区别

在多核微控制器（MCU）的时间保护方面，针对功能安全ASIL B与ASILD等级的设计和实施存在显著差异，这些差异主要体现在系统对时间关键性操作的保障程度、故障检测能力、以及系统响应的严格性上。 ASIL B 级别：时间关键性：在ASIL B等级，系统设计注重于识别并处理大部分可能…...

编程日记 2025/5/5 3:44:11

【大数据学习 | 面经】Spark 3.x 中的AQE（自适应查询执行）

Spark 3.x 中的自适应查询执行（Adaptive Query Execution，简称 AQE）通过多种方式提升性能，主要包括以下几个方面： 动态合并 Shuffle 分区（Coalescing Post Shuffle Partitions）： 当 …...

编程日记 2025/4/30 19:40:14

mdcsoft服务器网络安全解决方案-SQL注入解决

mdcsoft服务器网络安全解决方案最近几周，很多站被SQL注入攻击频繁，很多服务器被入侵，网站被攻击，为解决以上问题，我们开发了以下系列软件及制定了系列解决方案.追究原因，全部都是认为引起的，由…...

编程日记 2025/5/9 17:15:34

相关文章：