分享最实用的技术,创造更大的价值

关于微信小程序的那些事

    微信,对于大家来说,已经是很普及的一个应用,几乎大街小巷的人,手里都会安装一个叫微信的app,他能记录我们的日常,支付我们的消费......,几乎无所不能。

    而一谈到微信,我们就不得不说微信上的小程序,微信小程序是一种不用下载,就可以使用的应用,自从2017年1月9日,张小龙在2017微信公开课上发布正式上线以来,就得到广泛应用,小程序的应用数量超过了一百万,覆盖200多个细分领域,日活跃量达到两个亿以上。

     微信小程序这么强大功能的背后,到底都有些什么呢?现在我们来聊聊微信小程序的那些事儿。


小程序开发


微信小程序的运行机制是什么

    微信小程序把启动分为两种:冷启动、热启动

    冷启动就是第一次启动小程序,或是小程序从被内存销毁到再次启动

    热启动就是用户打开过小程序还没有被销毁,再打开小程序就只是把小程序直接从后台切到前端显示。而对于小程序销毁的时机是什么时候呢?我们研究过:小程序切到后台后,五分钟内就会被微信主动销毁,而在iOS下如果五秒内超过1次的内存告警,就会被销毁。

对于用户来说,如果手动在小程序列表中删除小程序,需要调用App.js里面的函数,包括的函数有: 


onLaunch() ,小程序初始化应用对象时调用一次,即每次冷启动的时候会调用一次,热启动不会被调用

onShow(),小程序从后台进入前台时调用

onHide() ,小程序从前台进入后台时调用 

onError() ,小程序发生脚本错误,或是调用微信api失败时触发。

onPageNotFound() ,当访问小程序不存的页面时,该页面会被触发,一般在里面写一些404跳转页面

每个页面对象里的生命周期回调函数及默认事件处理函数有:

onPullDownRefresh() ,即当用户下拉时触发,要在app.json的window选项中或页面配置中开启enablePullDownRefresh才有效哈

onReachBottom() ,监听用户上拉触底事件,可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance

onPageScroll() ,监听滑动页面事件,切记切记别在此方法里过于频繁执行setData

onShareAppMessage() ,监听用户点击分享时,自定义分享的标题内容

onResize() ,小程序屏幕旋转时触发。基础库 2.4.0 开始支持哈

onTabItemTap() ,点击 tab(即底部菜单栏) 时触发,基础库 1.9.0 开始支持

onLoad() ,面加载时触发, 只在页面第一次加载时触发

onShow() ,页面从后台切入前台时触发,页面初始化时触发

onReady(),页面初次渲染完成时触发,只触发一次

onHide(),页面从前台切入后台时触发

onUnload(),页面卸载时触发,即redirectTo或navigateBack到其他页面时触发

以上是APP.js中关于小程序的接口函数,如果微信小程序要跳转H5,必须现在微信小程序中嵌入一个web-view的组件。而且必须是已经打开了的WebView,不可以跳转到外部的H5页。目前 H5 页不可跳小程序,只有在小程序以 web-view 组件打开的 H5 里才可以跳回到小程序,并后H5的地址,还必须在小程序的管理后台,手动添加到白名单。而且这个白名单地址可以是任意可访问的地址。 


App 可以跳转到小程序,小程序只能被动跳转到 App,不可主动跳转到 App。被动是指只有当 App 主动跳入小程序,小程序才可以跳回到 App。


微信小程序的渲染方式为 WebView,而非原生渲染,只有 <canvas/>、<video/>、<map/>、<textarea/>、<input>、<live-pusher>、<live-player> 几个组件才是原生渲染。


微信小程序目前统一使用 rpx 单位来隔离机器之间屏幕大小的差异,以达到适配,让开发者更加专注业务。


目前一个小程序不可超过 2M,如果小程序做了分包,则所有包加起来不可超过 8M,每个包不可超过 2M。


微信开发者工具下 JS 是跑在 Node-Webkit 内核,iOS 下是跑在 JSCore 内核,安卓下是跑在 X5 内核。


iOS 下大图和长列表图都会导致 WKWebView 被回收。


同一个微信用户,同一个小程序 storage 上限为 10MB,如果存储空间不足,会自动清除掉最久没使用的数据;本地缓存文件和用户文件普通小程序上限 10M,游戏小程序上限 50M。


wx.request、wx.uploadFile、wx.downloadFile 默认超时时间和最大超时时间都是 60s,最大并发限制是 10 个,网络请求的 Referer header 不可设置。其格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为微信小程序的 AppID,{version} 为小程序的版本号。版本号为 0 表示为开发版、体验版及审核版本,版本号为 devtools 表示为开发者工具,其余为正式版本。


在写页面的时候,如果页面上有倒计时功能,在微信小程序 onHide 后没有停掉倒计时,在 iPhone 下就会触发内存不够,微信小程序被回收;而再把微信小程序切回到前台界面上,微信小程序又没有重新渲染,从而导致白屏。建议在 onHide 里及时结束倒计时,onShow 里再重新启动。

小程序运行的流程

    成都微信小程序开发团队认为,在当今,微信小程序开发的技能,是需要我们开发人员掌握的基本技能,掌握了该基本技能,才能适应市场的需求。而微信小程序的开发,对于开发人员来说,这项技能掌握起来也是十分快速的。


联系
QQ
电话
咨询电话:189-8199-7898
TOP