微信小程序第一篇

原创 大喵 随笔 微信小程序 231阅读 2018-07-06 16:23:13 举报

1、安装微信开发者工具
2、启用:点击小程序,选择目录,无API点击体验,命名,勾选,提交
3、微信小程序结构:目录下必须包含3个app文件
4、app.js:用于监听并处理小程序的生命周期函数,声明全局变量,调用框架提供的丰富API(不可加任何注释)
5、app.json:


6、app.wxss:公共样式表
7、页面文件命名:要求同名不同后缀2-4个文件

8、页面对应使用的生命周期函数(page.js中)
(1)、onLoad:页面加载时执行初始化工作(只执行一次)
(2)、onReady:页面就绪后执行操作(只执行一次)
(3)、onUnload:页面关闭时触发(只执行一次)
(4)、onHide:页面隐藏时触发(每次隐藏都会触发)
(5)、onShow:页面打开时触发(每次显示都会触发)
9、页面间的跳转:
跳转函数(wxml):


跳转函数(js):

注:wx.navigateTo(OBJECT)只可在不含有tabbar的页面中用于跳转(使用wx.navigateBack可以返回到原页面)
wx.redirectTo(OBJECT)关闭当前页面,跳转到应用内的某个页面,应用内非 tabBar 的页面的路径。
wx.switchTab(OBJECT)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复