Vue引入CDN JS或本地JS文件之后 使用报错
加载问题
正常情况 在public引入script - js文件加载 - 写入内存 - 使用
但使用之前 有可能这个文件还没执行写入内存或者还未加载完毕
此时 需要一个promiss解决
1. 引入script
在 public / index.html 文件内引入你的script标签
<script type="text/javascript" src="本地路径/网络路径">
2.加载(重点)
创建一个js文件 写入以下代码
script加载后 所使用的方法会挂载到window顶级对象下 代码中的xxx 指的是你script的函数 替换即可
export default {init() {return new Promise((resolve, reject) => {if (window.xxx) {resolve(window.xxx)reject('error')}})},
}
3.使用(重点)
// 引入
import funInit from '@/utils/funInit'// 在使用的地方写入
funInit.init().then((xxx) => {console.log("你的逻辑代码")}).catch(() => {console.log("script加载失败")})
相关文章:
Vue引入CDN JS或本地JS文件之后 使用报错
加载问题 正常情况 在public引入script - js文件加载 - 写入内存 - 使用 但使用之前 有可能这个文件还没执行写入内存或者还未加载完毕 此时 需要一个promiss解决 1. 引入script 在 public / index.html 文件内引入你的script标签 <script type"text/javascript"…...
NRF52832-扩展广播
nordic论坛 我想要设置广播名称为 “一二三四五”,当广播名称为FULL_NAME时,但是广播显示还是“一?”,“?”是乱码,后来打开nrf connect观察广播,在没连接的时候,点击一下࿰…...
springboot项目新增子module
1. 拉取项目 2. file-new-module 3. 选择版本 4. 1-2-3-4 5. 注释请求统一前缀 (SwaggerConfig.java)...
Python Web 开发及 Django 总结
title: Python Web 开发及 Django 总结 date: 2023-07-24 17:26:26 tags: PythonWeb categories:Python cover: https://cover.png feature: false Python 基础部分见:Python 基础总结 1. 创建项目 1.1 命令行 1、下载安装 Django 在终端输入 pip install djan…...
《向量数据库指南》:向量数据库Pinecone故障排除
目录 无法pip安装 空闲后索引丢失 上传缓慢或延迟高 批处理带来的高查询延迟 使用gRPC客户端进行Upsert限流 Pods已满 安全问题 CORS错误 本节介绍常见问题以及如何解决它们。需要帮助吗?在我们的支持论坛中提问。标准、企业和专用客户还可以联系支持人员寻求帮助。...
[86] 分割链表
题目链接:86. 分隔链表 - 力扣(LeetCode) 第一种方法:类似双指针 自己想的,不知道读者是否能看懂,参考注释 ListNode* partition(ListNode* head, int x) {ListNode* bigpos nullptr;ListNode* littlep…...
【python】 清空socket缓冲区
在Python中使用Socket进行网络通信时,可以通过调用socket.recv()函数来接收数据,数据会被存储在缓冲区中。有时候,可能想要先清空缓冲区,以便后续的数据不会被之前的数据影响。以下是一种清空Python Socket缓冲区的方法࿱…...
108、RocketMQ的底层实现原理(不需要长篇大论)
RocketMQ的底层实现原理 RocketMQ由NameServer集群、Producer集群、Consumer集群、Broker集群组成,消息生产和消费的大致原理如下: Broker在启动的时候向所有的NameServer注册,并保持长连接,每30s发送一次心跳Producer在发送消息的时候从Na…...
怎么把PDF转为word?1分钟解决难题
PDF文件在我们的电脑上应用非常广泛,由于其较高的安全性和兼容性,得到了广泛的认可。然而,对于一些人来说,PDF文件不能直接进行编辑和修改可能是一个问题。因此,通常我们需要将其转换为Word格式,以便在Word…...
Mysql权限-系统表user,db,talbes_priv,columns_priv详解
一、MySQL 权限场景 可以根据登录用户限制用户访问资源(库、表)可以根据登录用户限制用户的操作权限(能对哪些库、表执行增删改查操作)可以指定用户登录IP或者域名可以限制用户权限分配 二、Mysql五个层级权限级别分析 Mysql权限级别分为了五个层级,并且每个级别…...
GPT-4 模型详细教程
GPT-4(Generative Pretrained Transformer 4)是 OpenAI 的最新语言生成模型,其在各类文本生成任务中表现优秀,深受开发者和研究者喜爱。这篇教程将帮助你理解 GPT-4 的基本概念,并向你展示如何使用它来生成文本。 什么…...
智慧环保:创造绿色未来
随着全球环境问题的日益严重,智慧环保成为推动绿色发展的关键。智慧环保利用先进的技术手段和智能化设备,致力于解决环境问题,保护生态环境,实现可持续发展。它融合了物联网、人工智能、大数据等技术,将科技的力量与环…...
虚拟 DOM和render()函数和Vue.js模板语法
[TOC](虚拟 DOM和render()函数) 1. 虚拟DOM 虚拟DOM是Vue中非常重要的概念,它是一个虚拟的内存中的数据结构,用来表示真实的DOM树。Vue使用虚拟DOM来减少对真实DOM的操作次数,从而提高页面的性能。 虚拟DOM的工作原理如下: Vu…...
k8s Service网络详解(一)
k8s Service网络详解(一) 有关K8s网络的几个概念K8s网络模型k8s网络插件ServiceService的访问方式Service的种类无头服务(Headless Services)带选择算符的服务无选择算符的服务 Service的类型ClusterIPNodeportLoadBalancerExtern…...
抖音账号矩阵系统开发源码
一、技术自研框架开发背景: 抖音账号矩阵系统是一种基于数据分析和管理的全新平台,能够帮助用户更好地管理、扩展和营销抖音账号。 部分源码分享: ic function indexAction() { //面包屑 $breadcrumbs [ [tit…...
Python+Texturepacker自动化处理图片
前言 本篇在讲什么 PythonTexturepacker自动化处理图片 本篇需要什么 对Python语法有简单认知 依赖Python2.7环境 依赖Texturepacker工具 本篇的特色 具有全流程的图文教学 重实践,轻理论,快速上手 提供全流程的源码内容 ★提高阅读体验★ &…...
K8s Service网络详解(二)
K8s Service网络详解(二) Kube Proxy调度模式Kube-proxy IptablesKube-proxy IPVS Service SelectorPod DNS种常见的 DNS 服务Kube-DNSCoreDNSCorefile 配置 DNS 记录DNS 记录 ServiceDNS 记录 PodDNS 配置策略 Pod 的主机名设置优先级 Ingress Kube Pro…...
Rust vs Go:常用语法对比
这个网站 可以列出某门编程语言的常用语法,也可以对比两种语言的基本语法差别。 在此对比Go和Rust 1. Print Hello World 打印Hello World package mainimport "fmt"func main() { fmt.Println("Hello World")} fn main() { println!("…...
Vlan端口隔离(第二十四课)
一、端口隔离 1、端口隔离技术概述 1)端口隔离技术出现背景:为了实现报文之间的二层隔离,可以将不同的端口加入不同的VLAN,但这样会浪费有限的VLAN ID资源。 2)端口隔离的作用:采用端口隔离功能,可以实现同一VLAN内端口之间的隔离。 3)如何实现端口隔离功能:只需要…...
js实现框选截屏功能
实现的思路大概就是,先将dom转化为canvas画布,再对canvas进行裁切,然后通过canvas api生成图片,这里用到了一个库html2canvas 效果如图: 首先实现框选效果: const mousedownEvent (e) > {moveX 0;mo…...
类器官 vs 器官芯片:下一代体外模型如何提升药物研发效率【曼博生物-CNBIO】
类器官与器官芯片(OOC):临床前研究模型的新趋势 一、介绍 类器官与器官芯片(OOC/MPS)是当前体外模型研究的两大核心技术路线。:contentReference[oaicite:0]{index0} 类器官是三维微型器官,通常由干细胞…...
深求·墨鉴(DeepSeek-OCR-2)效果展示:毛笔字春联识别+吉祥话语义分析
深求墨鉴(DeepSeek-OCR-2)效果展示:毛笔字春联识别吉祥话语义分析 1. 引言:当传统书法遇见现代AI 春节临近,家家户户都在准备贴春联。那些饱含祝福的毛笔字,是中国人心中最温暖的年味。但你是否想过&…...
Steam创意工坊跨平台下载:WorkshopDL技术解析与应用指南
Steam创意工坊跨平台下载:WorkshopDL技术解析与应用指南 【免费下载链接】WorkshopDL WorkshopDL - The Best Steam Workshop Downloader 项目地址: https://gitcode.com/gh_mirrors/wo/WorkshopDL Steam创意工坊作为全球最大的游戏模组平台,汇聚…...
二次元创作助手:OpenClaw调用Qwen3.5-9B自动生成同人图描述
二次元创作助手:OpenClaw调用Qwen3.5-9B自动生成同人图描述 1. 为什么需要二次元创作自动化? 作为一个长期混迹ACGN圈子的内容创作者,我每天要花费大量时间在Pixiv、微博超话和LOFTER上浏览同人作品。最头疼的莫过于看到一张惊艳的插图却想…...
国产AI芯动力:复旦微FMQL100TAI900 FPGA原型验证板全解析
1. 这块国产FPGA板卡凭什么值得关注? 第一次拿到复旦微FMQL100TAI900开发板时,最让我惊讶的是其全产业链国产化的完成度。从主芯片到电源管理IC,甚至每个电阻电容都贴着中文标识,这在三年前根本不敢想象。作为长期从事AI硬件开发的…...
OpenClaw+千问3.5-35B-A3B-FP8:个人知识库自动化更新系统
OpenClaw千问3.5-35B-A3B-FP8:个人知识库自动化更新系统 1. 为什么需要自动化知识库更新 作为一个长期依赖个人知识库的技术写作者,我深刻体会到手动维护知识库的痛点。每当遇到新资料,我需要经历"阅读→摘录→分类→归档"的全流…...
Android Studio课程设计实战:从零构建一个多功能备忘录记事本
1. 项目背景与开发环境搭建 第一次用Android Studio做课程设计时,我盯着空白的项目界面发呆了半小时——明明老师演示时行云流水,自己动手却连开发环境都配不齐。这个多功能备忘录项目就是从这种困境中摸索出来的实战经验,特别适合刚接触Andr…...
Chain-of-Thought Hub进阶应用:多轮对话和长上下文推理评测
Chain-of-Thought Hub进阶应用:多轮对话和长上下文推理评测 【免费下载链接】chain-of-thought-hub Benchmarking large language models complex reasoning ability with chain-of-thought prompting 项目地址: https://gitcode.com/gh_mirrors/ch/chain-of-thou…...
使用PHP Imagick扩展将PDF转换为图片功能的完整方案
引言在开发中,经常需要将 PDF 文档转换为图片格式,以便于在线预览、生成缩略图或进行其他图像处理操作。PHP 的 Imagick 扩展提供了强大的图像处理能力,可以轻松实现这一需求。本文将介绍如何使用 Imagick 扩展创建一个高效的 PDF 转图片工具…...
SecGPT-14B提示工程:提升OpenClaw安全任务准确率90%
SecGPT-14B提示工程:提升OpenClaw安全任务准确率90% 1. 为什么需要为OpenClaw设计安全专用提示词 去年我在尝试用OpenClaw自动化处理安全日志时,遇到了一个典型问题:当我直接使用通用指令"分析这段日志"时,模型返回的…...
