Bootstrap

Taro+vue3开发微信小程序容易遇到的小问题

最近在和团队做一个微信小程序的应用,我也是第一次接触用vue开发小程序,不可避免的遇到了很多问题,我对遇到的问题进行一些汇总,如果大家有遇到类似的问题,希望可以帮助到大家。

1.微信小程序的头部导航栏问题

首先的话,微信小程序的头部导航栏和底部导航栏都是最高层级的,普通写页面的话,背景图片或者背景颜色是无法延伸到这两个地方的,但是这两个导航栏又有不同的地方,头部导航栏只需要在app.config.js里面配置一行代码就可以

注释起来的这句就可以实现去掉原生的头部导航栏,但是由于我们写了很多界面之后才发现可以这样配置,修改的话会改变原本页面的布局,所以最后还是没有使用。关于底部导航栏,实现起来就相对麻烦,需要自己进行封装,才可以实现上述的需求。

2.真机调试无法运行

微信小程序不像我们写网页一样,他是有相当多的限制的,因为微信小程序是非常“轻”的,需要给用户极致的体验,所以运行时越快越好,这就导致了很多问题,例如总包不可以超过8M,单个包不可以超过2M(听说以后会变成3M)。解决的办法也有很多。

其一,用到的几乎所有的图片都不要放在本地,而是全部放在云数据库里面,需要图片的地方直接请求过来,这样会减少非常多的内存占用。

其二,便是分包,

;