项目的打包

一:打包到微信小程序

1)vscode打包

2)在微信小程序开发工具中打开路径,上传.

疑问:为什么pnpm bulid:mp-weixin用于打包,pnpm dev:mp-weixin也可生成对应路径下的文件??

打包的是没有热重载,且打包体积更小.

二:条件编译

vscode可以打包成能在不同平台上运行的代码.但是有些代码只需要被某个平台命令打包.就使用条件编译

可以在css上写这个语句.

可以控制某一个选择器.有些只能被微信小程序运行,这些都使用条件编译,不冗余.使用别的代码实现相同功能.

open-type除了跳转其他都是微信小程序特有.

三:APP端的打包

1.准备项目预览

开启开发者模式:

预览之后,在微信端的变化,则生成的软件也会改变.

首先预览得到最终的项目,再打包.

出现

是两个编译器和生成的项目版本不同.

2)生成软件包,可在手机下载.对应的包对应手机型号才下载.

生成的云端证书,是这个项目内部有.无需关联.

需要数据线连接.如果是更大的,是将安装包放到服务器上,可以在网上进行安装.

2.IOS手机打包

和上面一样,先预览,,然后生成包.

预览生成到模拟器上

下载Xcode包,内有很多模拟器手机型号

注意点:如果打包成H5

H5的话是网页.从根目录开始根目录可能不一样.因此用相对路径

.其他平台不依赖这个路径

四:跨端兼容

1)样式兼容

*选择器是选中所有标签,可以用条件编译.使用其他的选择器控制.

小程序和APP底部的tabBar是不包含在页面高度里的,而H5端tabBar是包含的页面高度里面的。H5整个页面.

H5生成的组件之间都是样式隔离的,小程序之间可以有样式影响,比如组件和页面之间,但是H5只是当成组件,都是样式隔离的,我们需要使用条件编译,在H5生成的时候导入css包.

组件兼容,有些uni-app组件在不同的页面上是不同的组件,设置的display可能失效,flex=1只在第一层子组件下,也有些open-type等只能被小程序等使用.需要使用条件编译.

第一个第二个选择图片,调用可以使得弹出窗口.只是被小程序停止维护,但是其他的可以用.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/30226.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

404、左叶子之和

题解:可以采用后序递归遍历的方式,先将左右子树的左叶子节点值计算出来,最后相加。 当遍历到左叶子节点的父节点时就开始处理,将左叶子节点的值记录下来。 代码如下: class Solution { public:int sumOfLeftLeaves(…

算法金 | 再见!!!梯度下降(多图)

大侠幸会,在下全网同名「算法金」 0 基础转 AI 上岸,多个算法赛 Top 「日更万日,让更多人享受智能乐趣」 接前天 李沐:用随机梯度下降来优化人生! 今天把达叔 6 脉神剑给佩奇了,上 吴恩达:机器…

利用 Qwen-VL 进行私有化部署第一个 AI 多模态大模型

Hi~!这里是奋斗的小羊,很荣幸您能阅读我的文章,诚请评论指点,欢迎欢迎 ~~ 💥💥个人主页:奋斗的小羊 💥💥所属专栏:C语言 🚀本系列文章为个人学习…

【profinet】从站开发要点

目录 0、常见缩写及关键字注释 1、profinet简介 2、profinet协议栈 3、profinet数据帧 4、profinet网络解决方案示例 5、Application areas 注:本文主要简述profinet从站开发涉及到的知识点。【不足之处后续慢慢补充】。 0、常见缩写及关键字注释 MRP: Media…

Spring中IOC容器

IoC IOC容器 IoC是一种设计思想,面向对象编程 Spring通过IoC管理所有Java对象的实例化和初始化,控制对象之间依赖关系 将IoC容器管理的Java对象称为Spring Bean,与new创建的对象没有区别 控制反转(IoC Inversion of Controle&a…

宏观必读:数智化、气候能源、多极化趋势并存,如何获得转型性增长?

关键词速读: 双转型——创新主导的 “新质生产力”正加速推动中国产业的数字化和绿色低碳“双转型”。 双引擎——企业借助“技术创新”和“生态创新”两大引擎,乘势而上,赢得未来机遇。 生成式 AI 与大模型爆发式发展正在引发计算、开发、交…

《Linux运维总结:prometheus+altermanager+webhook-dingtalk配置文件详解》

总结:整理不易,如果对你有帮助,可否点赞关注一下? 更多详细内容请参考:《Linux运维篇:Linux系统运维指南》 一、prometheus配置文件 Prometheus的配置文件是prometheus.yml,在启动时指定相关的…

对于补码的个人理解

1. 十进制的取模计算 现在我想要使另一个数加上2后用8取模后也等于1,这个数可以是哪些? 这个问题比较简单,只需要-1加上8的倍数即可 例如: 如果我们想要得到距离-1这个负数最近的一个正数7,直接使用-18即可。反过来想…

【LeetCode刷题】面试题 17.19. 消失的两个数字

1. 题目链接2. 题目描述3. 解题方法4. 代码 1. 题目链接 面试题 17.19. 消失的两个数字 2. 题目描述 3. 解题方法 例子假设: 数组A元素为 :1 ,4,5 缺少的元素为:2, 3 那么所有整数就为1 ~ 5&#xff…

天然之选:炯炯侠石斛棒助力儿童视力健康

如今,育儿已成为许多年轻父母心头的一大忧虑。随着小生命的到来,他们不得不调整自己的生活节奏。然而,孩子的成长之路并非一帆风顺。特别是随着科技的进步,电子产品已深入生活的方方面面,如何平衡孩子的学习与娱乐&…

洛谷 P1008 [NOIP1998 普及组] 三连击

题目背景 本题为提交答案题,您可以写程序或手算在本机上算出答案后,直接提交答案文本,也可提交答案生成程序。 题目描述 将 1,2,…,9 共 9 个数分成 3 组,分别组成 3 个三位数,且使这 3 个三位数构成 1:2:3 的比例&…

Google 广告VS Facebook广告:哪个更适合我?2024全维度区别详解

在 Google Ads 和 Facebook Ads 之间进行选择可能是一个艰难的决定。决定哪种方法适合您的业务取决于多种因素,从您愿意为转化支付的费用到管理广告系列所需的时间和人员。在这篇文章中,将解释 Google Ads 和 Facebook Ads 之间的差异,以便您…

移动硬盘接入mac无法复制文件进去怎么办,mac里的文件如何存进移动硬盘

如果要传输的文件数据量比较大,相比于使用U盘,移动硬盘是更多的选择。移动硬盘可存储量大、传输速度快,是实用性比较强的储存设备。不仅是Windows设备,Mac电脑也经常使用到移动硬盘。但有时候,移动硬盘在Mac上不能传文…

MATLAB直方图有关函数的关系

histogram Histogram plot画直方图 histcounts 直方图 bin 计数 histcounts是histogram的主要计算函数。 discretize 将数据划分为 bin 或类别 histogram2 画二元直方图 histcounts2 二元直方图 bin 计数 hist和histc过时了。替换不建议使用的 hist 和 histc 实例 hist → \r…

集合进阶:List集合

一.List集合的特有方法 1.Collection的方法List都继承了 2.List集合因为有索引,所以多了很多索引操作的方法。 3.add // 1.创建一个集合List<String> list new ArrayList<>(); // 2.添加元素list.add("aaa");list.add("bbb"…

Hadoop3:MapReduce中的Partition原理及自定义Partition

一、默认Partition分区配置 以WC案例来进行验证。 1、设置setNumReduceTasks 修改的代码 这行代码&#xff0c;确定了reduceTask的数量&#xff0c;也确定了分区逻辑 在mapper文件中&#xff0c;打上断点 计算分区的代码 这里会对每一个kv进行计算&#xff0c;然后&#…

连获殊荣,天润融通以AI技术重塑企业客户联络体验!

天润融通又获奖了。 2024年3月22日&#xff0c;「ToB行业头条」联合3W集团共同举办的「2024ToB头条行业大会」在北京举行。 为表彰在过去一年中表现卓越、对行业发展作出显著贡献的企业、产品和数字化转型案例&#xff0c;大会颁布了ToB年度榜单【2023中国ToB行业影响力价值榜…

2024年一年一度的618正式结束了,苹果与华为手机销量看看谁是大赢家?

一年一度的618正式结束了&#xff0c;各品牌基本上都发布了相应的战报。但是要告诉大家一点看战报要看定语&#xff0c;定语最少的才是真正的第一。现在给大家汇总下京东平台的数据&#xff0c;看看谁是最大赢家&#xff0c;谁又是国产荣光。注&#xff1a;所有数据截至6月18日…

虚拟现实环境下的远程教育和智能评估系统(十)

VR部署测试&#xff0c;采集眼动数据&#xff1b; 经VR内置Camera采集眼睛注视位置后&#xff0c;输出.txt形式的眼动结果&#xff1a; 经处理后&#xff0c;将射线方向和位置投影到视频屏幕二维坐标的位置&#xff1a; 在视频中可视化如下&#xff1a;