VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动

如果小程序大小超出限制,除了分包还能做什么?如何避免和解决尺寸限制?(小程序大于2m)

locvps
主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如果小程序大小超出限制,除了分包还能做什么?有什么办法可以避免尺寸超标?下面这篇文章介绍了避免和解决尺寸限制的方法,希望对您有所帮助!

如果小程序大小超出限制,除了分包还能做什么?如何避免和解决尺寸限制?(小程序大于2m)

前几天一个刚入行的朋友问我要微信,为什么提交小程序的代码提示太大,无法上传。怎么解决?当然,分包可以解决几乎所有微信小程序的提交大小限制,但我仍然要求他将提示发送给我。乍一看,它超过了400 kb。用分包也不算大材小用,让他压缩静态资源搞定。但后来,我想到了分包除了解决规模问题之外的好处。有没有其他方法可以避免超标?

正文:微信小程序当前的大小限制以及为什么要限制:1。我们来看看微信小程序的相关大小限制:1。不限制分包合同的数量;2.所有分包合同的规模不得超过20m;3.单个包装的尺寸不能超过2m;

2那么为什么微信小程序一定要限制大小呢?因为小程序设计的初衷是用完即走、轻量级应用。不建议将其设计为app,因此考虑到启动速度和其他方面,大小受到限制。

有什么办法避免和解决尺寸限制?了解了上述相关限制,我们就可以从开发过程中尽量避免我们的小程序的大小超过2m(当然是那种大数量级的商城,忘了我吧)。

1.使用第三方库按需加载尽可能多的内容。例如,像在项目中使用echarts,我们通常会使用几个图标,因此在安装时没有必要下载所有echarts。直接在官网在线定制echarts可以节省不止一点点大小(如果中国地图有问题,不建议使用echarts)。类似于我们使用的一些ui库,我们可以根据需要导入它们,但我们可以更改它们。

这里我推荐一些微信小程序常用的UI库合集。

1.官方WeUI组件库

1.png

2、ColorUI

2.png

3、Vant Weapp UI

3.png

4、iView用户界面

4.png

5、塔鲁伊

5.png

靠,怎么调整这张照片的大小

2.许多图片肯定会用于静态文件项目,如压缩图片。通常情况下,一张图片会被设计成给我们两到三个时间,以便我们根据不同的分辨率显示不同的时间。实际上,粗略的方法是我们可以使用三重图像而不考虑分辨率(不推荐),然后无损压缩图像,这通常可以将图像的大小缩小70%。在这里推荐一个图片压缩地址(https://tinypng.com/)。

3.将静态资源放入云服务中,以减少打包文件中静态资源占用的体积,项目中使用的静态文件也可以放在OSS上,并使用CDN加速和减少代码大小。如果你想搭建自己的云服务器放静态资源,建议收齐牛云的羊毛。注册七牛云账号-》在所有产品中查找对象存储-》上传图片-》复制链接注意:有时如果无法访问,则有必要配置防盗链。如何自己配置百度?

4.使用分包来解决我们的正统方法的大小限制。让我们来看看文章开头提出的问题:除了解决规模问题外,分包还有什么好处?要回答这个问题,首先要了解分包是如何工作的:当小程序启动时,将默认下载主包并启动主包中的页面。当用户进入子包中的页面时,客户端将下载相应的子包,并在下载完成后显示。

那么上面的问题就好回答了:分包小程序可以第一时间优化小程序的下载时间,在多个团队联合开发时可以更好地解耦协作。

那么,如果我们想分包合同,我们应该怎么做呢?以下是常用的分包方法列表:Native、uniapp和taro。除了配置文件名不同之外,三种开发方式的代码是相同的,重点是项目目录和子包字段。

本地:

//声明项目分包结构{“pages“:【main package“pages/index“、“pages/logs“】“、“subpackages“:【分包{“root“:“package a“、“pages“:【“pages/cat“,相对于根分包路径“pages/dog“】}、{“root“:“package b“、“name“:“pack k2“、“pages“:【“pages/apple“、“pages/banana“】}、{root:分包根目录名称:分包别名,分包预下载时可以使用pages:分包页面路径数组。相对于分包根目录独立:true|false分包是否独立}】uni app:

//在pages.json的subpackages字段中声明项目分包结构代码与native相同,关键是subpackages字段taro:

src目录下app.jsx中的配置代码是原生的,关键是subpackages字段。结语:微信小程序的分包其实是一个很简单的操作,但也有分包异步、预下载、独立分包等知识。再次使用时仍需自己研究。

最后,我前段时间参加了这个年度人气排名。其实我也知道这个榜单代表不了什么,但最终排名54的结果还是让我很虚荣。我认为这个标志对我自己的意义是督促我在新的一年里输出更高质量的文章,这样我才真正配得上这个称号。让我们一起欢呼吧。

最后,祝大家学业有成,事业有成!

【相关学习推荐:小程序开发教程】

以上就是小程序大小超限的情况。除了转包还能做什么?如何避免和解决尺寸限制?更多详情请关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

  • 暂无相关推荐文章

本文由主机参考刊发,转载请注明:如果小程序大小超出限制,除了分包还能做什么?如何避免和解决尺寸限制?(小程序大于2m) https://zhujicankao.com/105255.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如果小程序大小超出限制,除了分包还能做什么?如何避免和解决尺寸限制?(小程序大于2m)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!