uniapp开发h5引入第三方js（sdk）
manifest.json 应用配置 | uni-app官网
根据文档上描述需要自定义模板的场景为：
方法一：
起初以为是在原有的index.html基础上再新建一个html文件，在项目根目录建立一个template.h5.html（仿照hello-uni-app项目），然后在manifest.json配置中填入template.h5.html，
方法二：（我使用这种方式成功引入了第三方js）
最后发现不是，而是赋值文档里面的hmlt模板基础代码覆盖之前的index.html中的所有代码。
这里网上有的同学按照方法一成功的，感觉真的很奇怪，有懂哥明白的，可以评论区指点一下。
之前uniapp创建的h5项目中index.html 文件代码如下：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +(coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><title></title><!--preload-links--><!--app-context--></head><body><div id="app"><!--app-html--></div><script type="module" src="/main.js"></script></body>
</html>使用文档里的html代码覆盖，并通过script标签引入第三方js
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title><%= htmlWebpackPlugin.options.title %></title><!-- Open Graph data --><!-- <meta property="og:title" content="Title Here" /> --><!-- <meta property="og:url" content="http://www.example.com/" /> --><!-- <meta property="og:image" content="http://example.com/image.jpg" /> --><!-- <meta property="og:description" content="Description Here" /> --><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') +'" />')</script><script src="https://xxxxxx第三方.js"></script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>在manifest.json里配置"template": "index.html" 就好啦
相关文章：
uniapp开发h5引入第三方js（sdk）
manifest.json 应用配置 | uni-app官网 根据文档上描述需要自定义模板的场景为： 方法一： 起初以为是在原有的index.html基础上再新建一个html文件，在项目根目录建立一个template.h5.html（仿照hello-uni-app项目）&…...
Could not find artifact com.sleepycat；je:jar:7.3.7 in aliyunmaven
在编译inlong源码时报的错误，去本地库里发现只有lastupdate的文件，就又去maven库里看了一下Maven Repository: com.sleepycat je (mvnrepository.com)，发现没有这个版本，将版本进行修改错误解决...
rust学习—— 控制流if 表达式
控制流 根据条件是否为真来决定是否执行某些代码，或根据条件是否为真来重复运行一段代码，是大部分编程语言的基本组成部分。Rust 代码中最常见的用来控制执行流的结构是 if 表达式和循环。 if 表达式 if 表达式允许根据条件执行不同的代码分支。你提供…...
POSIX信号量
目录 信号量的原理 信号量函数 使用信号量实现线程互斥功能 基于环形队列的生产消费模型 生产者和消费者必须遵守的两个规则 信号量的原理 通过之前的学习，我们知道有的资源可能会被多个执行流同时申请访问，我们将这种资源叫做临界资源，…...
stable diffusion和midjourney哪个好
midjourney和stable diffusion哪个好？midjourney和stable diffusion的区别？那么今天就从这2款软件入手，来探索一下他们的功能的各项区别吧，让你选择更适合你的一款ai软件。 截至目前，我们目睹了生成式人工智能工具的在…...
固件签名的安全解决方案 安当加密
在汽车行业中，加密机常用于对固件进行签名，以增加固件的安全性和完整性。以下是几个可能的使用场景： 固件验证：当汽车制造商或供应商需要对固件进行验证时，可以使用加密机来验证固件的来源和完整性。通过使用公钥和私…...
istio介绍(一)
1. 概念 1.1 虚拟服务 虚拟服务提供流量路由功能，它基于 Istio 和平台提供的基本的连通性和服务发现能力，让您配置如何在服务网格内将请求路由到服务 示例： apiVersion: networking.istio.io/v1alpha3 kind: VirtualService metadata:nam…...
基于鱼鹰优化的BP神经网络（分类应用） - 附代码
基于鱼鹰优化的BP神经网络（分类应用） - 附代码 文章目录 基于鱼鹰优化的BP神经网络（分类应用） - 附代码1.鸢尾花iris数据介绍2.数据集整理3.鱼鹰优化BP神经网络3.1 BP神经网络参数设置3.2 鱼鹰算法应用 4.测试结果：5.M…...
【LeetCode】145. 二叉树的后序遍历 [ 左子树 右子树 根结点]
题目链接 文章目录 Python3方法一： 递归 ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法二： 迭代 ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法三： Morris ⟮ O ( n ) 、 O ( 1 ) ⟯ \lgroup O(n)、O(1) \rgroup ⟮O(n)、O(1)⟯写…...
Unity之ShaderGraph如何实现触电电流效果
前言 之前使用ASE做过一个电流效果的shader，今天我们通过ShaderGraph来实现一个电流效果。 效果如下： 关键节点 Simple Noise：根据输入UV生成简单噪声或Value噪声。生成的噪声的大小由输入Scale控制。 Power：返回输入A的结果…...
【微信小程序调试工具试用】
【微信小程序调试工具试用】 试用大佬开发的dll拿到某物小程序sign签名 （过于简单 大佬勿喷）本次工具分享到此结束 什么是爬虫逆向？ 试用大佬开发的dll拿到某物小程序sign签名 （过于简单 大佬勿喷） 1 如图 下面小程序…...
机械生产ERP管理系统
机械生产ERP管理系统 功能介绍: 生产管理： 1.灵活自定义生产车间、成本费用类型、成本项目； 2.方便直观的物料清单（BOM），并可以逆向展开； 3.科学实用的物料需求计划（MRP）&#x…...
Vue 模板字符串碰到script无法识别，报错Parsing error: Unterminated template.
需求： 将js代码完整的显示在界面上，包括标签 代码如下： 报错信息如下： 我们在上图中可以看到模板字符串加入了script标签后会报错 原因：运行JS的时候由上至下，先识别模板字符串里面的script标签…...
AWS SAP-C02教程5--基础中间件
在AWS中除了计算、存储、网络之外，还有一些组件非常重要，包括基础组件、消息队列组件、日志组件、编排组件等，接下来就通过分成几个不同类别（这个分类按照AWS的大概分类进行分类，并无统一标准，只是具备一定相同功能归类在一起方便记忆） 目录 1 消息中间件1.1 SQS1.1.1 …...
2022年亚太杯APMCM数学建模大赛E题有多少核弹可以摧毁地球求解全过程文档及程序
2022年亚太杯APMCM数学建模大赛 E题 有多少核弹可以摧毁地球 原题再现 1945年8月6日，第二次世界大战即将结束。为了尽快结束战争，美国在日本广岛投下了下一颗名为“小男孩”的原子弹。这样一颗原子弹在广岛炸死了20万人，广岛的所有建筑物都…...
论文阅读[51]通过深度学习快速识别荧光组分
【论文基本信息】 标题：Fast identification of fluorescent components in three-dimensional excitation-emission matrix fluorescence spectra via deep learning 标题译名：通过深度学习快速识别 三维激发-发射矩阵荧光光谱中的荧光组分 期刊与年份&…...
解决Flutter启动一直卡在 Running Gradle task ‘assembleDebug‘...
前言 新建了一个Flutter工程后，Run APP 却一直卡在了Running Gradle task ‘assembleDebug’… 这里。百度查询原因是因为 Gradle 的 Maven 仓库在国外, 因此需要使用阿里云的镜像地址。 1、修改项目中android/build.gradle文件 将 buildscript.repositories 下面…...
c/c++的include机制简述
一 引言 做c/c编程的对#include指令都不会陌生，绝大多数也都知道如何使用，但我相信仍有人对此是一知半解， C: #include <stdio.h>C: #include <iostream> 表示包含C/C标准输入头文件。包含指令不仅仅限于.h头文件，可…...
YOLOv5算法改进（16）— 增加小目标检测层 | 四头检测机制（包括代码+添加步骤+网络结构图）
前言：Hello大家好，我是小哥谈。小目标检测层是指在目标检测任务中用于检测小尺寸目标的特定网络层。由于小目标具有较小的尺寸和低分辨率，它们往往更加难以检测和定位。YOLOv5算法的检测速度与精度较为平衡，但是对于小目标的检测效果不佳，根据一些论文，我们可以通过增加检…...
【计网 EMail】计算机网络 EMail协议详解：中科大郑烇老师笔记 （五）
目录 0 引言1 电子邮件EMail1.1 组成1.2 SMTP协议1.3 案例：Alice给Bob发送报文1.4 SMTP总结1.5 邮件报文格式1.6 POP3协议和IMAP协议 🙋♂️ 作者：海码007📜 专栏：计算机四大基础专栏📜 其他章节…...
前端倒计时误差!
提示：记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 前几天听说公司某个项…...
linux arm系统烧录
1、打开瑞芯微程序 2、按住linux arm 的 recover按键 插入电源 3、当瑞芯微检测到有设备 4、松开recover按键 5、选择升级固件 6、点击固件选择本地刷机的linux arm 镜像 7、点击升级 （忘了有没有这步了 估计有） 刷机程序 和 镜像 就不提供了。要刷的时…...
【单片机期末】单片机系统设计
主要内容：系统状态机，系统时基，系统需求分析，系统构建，系统状态流图 一、题目要求 二、绘制系统状态流图 题目：根据上述描述绘制系统状态流图，注明状态转移条件及方向。 三、利用定时器产生时…...
2025盘古石杯决赛【手机取证】
前言 第三届盘古石杯国际电子数据取证大赛决赛 最后一题没有解出来，实在找不到，希望有大佬教一下我。 还有就会议时间，我感觉不是图片时间，因为在电脑看到是其他时间用老会议系统开的会。 手机取证 1、分析鸿蒙手机检材&#x…...
ArcGIS Pro制作水平横向图例+多级标注
今天介绍下载ArcGIS Pro中如何设置水平横向图例。 之前我们介绍了ArcGIS的横向图例制作：ArcGIS横向、多列图例、顺序重排、符号居中、批量更改图例符号等等（ArcGIS出图图例8大技巧），那这次我们看看ArcGIS Pro如何更加快捷的操作。…...
Java多线程实现之Thread类深度解析
Java多线程实现之Thread类深度解析 一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型 二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数 三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程 四、Thread类的核心…...
uniapp 字符包含的相关方法
在uniapp中，如果你想检查一个字符串是否包含另一个子字符串，你可以使用JavaScript中的includes()方法或者indexOf()方法。这两种方法都可以达到目的，但它们在处理方式和返回值上有所不同。 使用includes()方法 includes()方法用于判断一个字…...
FFmpeg avformat_open_input函数分析
函数内部的总体流程如下： avformat_open_input 精简后的代码如下： int avformat_open_input(AVFormatContext **ps, const char *filename,ff_const59 AVInputFormat *fmt, AVDictionary **options) {AVFormatContext *s *ps;int i, ret 0;AVDictio…...
图解JavaScript原型：原型链及其分析 | JavaScript图解
忽略该图的细节（如内存地址值没有用二进制） 以下是对该图进一步的理解和总结 1. JS 对象概念的辨析 对象是什么：保存在堆中一块区域，同时在栈中有一块区域保存其在堆中的地址（也就是我们通常说的该变量指向谁&…...
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡 背景 我们以建设星云智控官网来做AI编程实践，很多人以为AI已经强大到不需要程序员了，其实不是，AI更加需要程序员，普通人…...