开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等。本文接下来的篇幅,就来说简单说明一下以上的相关问题,总结一些必须学习的小程序开发知识。
1、关于小程序运行环境
关于微信小程序开发,官方贴出的说明指出,wxApp的运行环境一共有3个平台,分别是IOS的webkit,即苹果开源的浏览器内核;Android的X5,即QQ浏览器内核,以及开发者在开发时用的nw.js,即C++实现的web转桌面应用。
2、关于项目结构
关于页面结构的问题,我们主要介绍几个参数:
(1)project.config.json:项目配置文件,支持es6配置,appid等信息
(2)pages:功能页面
(3)app.json:应用主题样式及pages路由配置,其中pages路由第一项决定首页
(4)app.wxss:pages通用样式
(5)App.js:应用入口,pages可通过getApp()获取,提供公用接口及数据
3、关于页面结构
关于页面结构的问题,主要有三个内容,分别是js、wxml、wxss。
(1)js是功能逻辑实现,页面数据、页面交互事件处理
(2)wxml为页面布局文件
(3)wxss为页面组件样式
4、关于应用启动
应用启动时所需的生命周期函数主要有三个,分别是:onLaunch(初始化完成)、onShow(启动时,后由后台进入前台)、以及onHide(由前台进入后台)。
(1)App.onLaunch()-->App.onShow()-->pages[0].onLoad()-->App.onLaunch.onHiden()
(2)onLaunch()用户授权信息获取,调用异步api: wx.login()、wx.getSetting()
(3)Index.onLoad()页面加载,获取数据调用更新页面setData