小编推荐:Fundebug专注于JavaScript、微信小程序、微信小游戏,Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务,众多大佬公司都在使用。
前言
开发项目时,实际遇到的一些功能需求和问题汇总。列出了当时参考的一些文章和官方文档。
开发框架:mpvue
官方文档:5分钟快速上手
小程序跳转外链
- 要跳转的链接必须是https的
- 需要用web-view组件,web-view组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。(个人类型与海外类型的小程序暂不支持使用。也就是说个人申请的小程序,就别想跳转了)
- 需要在小程序后台配置业务域名,也就是你要跳转网页地址的域名。(设置-开发设置 -业务域名)
- 配置业务域名时,会要求下载校验文件,该文件需要放置到访问外链地址的根目录下,可能会需要运维协助
- 跳转外链后,如果打开的二级页中有新的域名地址,同样需要重复上述步骤
小程序内部页面跳转
低版本兼容
为便于开发者解决低版本基础库无法兼容小程序的新功能的问题,开发者可设置小程序最低基础库版本要求。
开发者可以登录小程序管理后台,进入「设置 - 基本设置 - 基础库最低版本设置」进行配置。在配置前,开发者可查看近 30 天内访问当前小程序的用户所使用的基础库版本占比,以帮助开发者了解当前用户使用的情况。
小程序iphonex适配
参考文章:微信小程序API之设备获取系统信息getSystemInfo
mpvue支持less
小程序生命周期
坑点:右上角按钮只是把小程序退到了后台,并没有关闭小程序,所以如果未做处理,下次进去还是上一次退出前的状态。不会像h5一样刷新打开页面。也没有开放销毁小程序的监听。
前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。
swiper 间距轮播
最后用的第二篇里面的方法三,需要用到Animation动画对象
第一篇文章里直接用css的transition,动画不流畅。
小程序swiper组件bug:
小程序引入外部字体
参考文章:小程序如何引入外部字体
用过里面的方法二
图片预览
只有图片全屏预览后,才能通过长按图片吊起菜单栏(保存图片,分享图片,收藏图片)
保存图片到相册
转发小程序
1. 显示转发按钮
wx.showShareMenu(Object object)
2. 自定义转发的标题、图片
onShareAppMessage(Object)
监听用户点击页面内转发按钮(<button> 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。
官网文档:onShareAppMessage(Object)
mpvue中与mounted写的位置类似
处理设置菜单分享和按钮分享的自定义标题、图片等。
微信自带loading,提示和弹窗API
统计
会用到的应该是自定义分析,也就是按钮点击等事件的统计。
其他
-
background-image只能用网络url或者base64.本地图片要用image标签才行。
-
小程序里有视频播放,审核的时候会有资质问题,需使用封装的视频插件
-
mpvue 事件的参数通过绑定是用$event传入
以swiper举例
你可能感兴趣的