赞
踩
webstorm 编写,设置参考
微信web开发者工具 注意中文路径无法创建项目
,热调试。
.json
配置文件.wxml
页面构建文件,相当于HTML.wxss
样式文件,相当于CSS.js
脚本文件,用户交互合信息处理存放小程序页面文件,每个文件夹相当于一个页面。每个页面包含上述4中文件。
.wxml
和 .js
文件是必须的。
存放全局 .js
文件,公用到的参数,都可以放在该文件下。
{
“pages”:[
“pages/index/index”,
“pages/logs/logs”
],
“window”:{
“backgroundTextStyle”:“light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTitleText”: “WeChat”,
“navigationBarTextStyle”:“black”
}
}
1.pages:当前小程序所以页面路径,第一项表示初始页面,当增减页面时,都要对该数组进行修改。
2.window:小程序顶部背景色,文字颜色
系统的方法,生命周期方法,获取用户信息,登入。
/ /app.js
App({
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync(‘logs’) || []
…
})
},
globalData: {
userInfo: null
}
})
小程序启动之后,触发 onLaunch
项目配置信息, appid 值,es6 语法等。
当用户点击左上角关闭,或者 Home键,离开了微信,小程序并没有直接销毁,而是进入了后台,再次进入微信或者这次打卡小程序,又会从后台进入前台。
注意:只有进入后台一定时间(目前是5m),或者系统资源占用过高才会真正销毁。
两种启动方式:冷启动
,热启动
冷启动:用户首次
打开或者小程序被微信主动销毁
再次打开的情况,此时小程序需要重新加载启动。
热启动:用户已经
打开过小程序,在一定时间内
再次打开该小程序,此时无需重启,只需要将后台切换到前台
。
冷启动时如果发现有新版本,会异步下载新版本代码包,并使用旧版本启动,下一次冷启动才会在应用上使用最新的版本包。
注意:可以使用
wx.getUpdatemanager API 进行处理直接使用最新的版本。
小程序没有重启
概念
当小程序进入后台,会维持一段时间运行状态(目前是5m)
会被销毁
。
当短时间内 (5s)
连续收到两次
以上内存警告
会被销毁
。
Component 构造器可以用与定义组件
,调用 Component 构造器时可以指定组件的属性、数据、方法
等。
定义段 | 类型 | 必填 | 描述 |
---|---|---|---|
properties | ObjectMap | 否 | 组件对外属性,属性设置可包含三个字段,type 属性类型,value 初始值,observer 属性值被更改时的响应函数。 |
data | Object | 否 | 组件的内部数据,和 properties 用于组件的模板渲染。 |
methods | Object | 否 | 类似 mixins 和 traits 的组件间代码复用机制 |
onLaunch
触发:
字段 | 类型 | 说明 |
---|---|---|
path | String | 打开小程序路径 |
query | Object | 打开小程序 query |
scene | Number | 打开小程序的场景值 |
shareTicket | String | 另一个小程序或公众号或App打开时,返回此字段 |
referrerInfo.appId | String | 来源小程序或公众号或App的 appId |
referrerIno.extraData | Object | 来源小程序传过了的数据 |
referrerInof.appId
支持以下场景 (1020、1035、1036、1037、1038、1043)
onShow
onLaunch
一致onHide
onError
api
调用失败触发字段 | 类型 | 说明 |
---|---|---|
error | String | 错误信息,包含堆栈 |
onPageNotFound
1.9.90
开始支持,低版本需要做兼容处理字段 | 类型 | 说明 |
---|---|---|
path | String | 不存在页面的路径 |
query | Object | 打开不存在页面的 query |
isEntyPage | Boolean | 是否本次启动的首个页面 |
注意:
并不再回调 onPageNotFound。
其他
this
可以访问到。字段 | 类型 | 说明 |
---|---|---|
allowDefult | Boolean | 在 App 未定义时返回默认实现,当 APP 被调用时,默认实现定义的属性,会覆盖合并到 App中。 |
注意:
打开首页
场景值ID | Value |
---|---|
1001 | 发现栏小程序主入口 |
1019 | 微信钱包 |
1022 | 聊天顶部置顶小程序入口 |
1023 | 安卓系统桌面图标 |
1038 | 从另一个小程序返回 |
1056 | 音乐播放器菜单 |
打开置顶某个页面:场景值除开 以上
再次打开
上一次场景 | 当前打开场景 | 效果 |
---|---|---|
A | A | 保留原来状态 |
B | A | 清空原来页面栈,打开首页 |
A 或 B | B | 清空原来页面栈,打开指定页面 |
Page(Object) 函数用来注册一个页面
,接受一个 Object 参数,指定页面的初始数据、生命周期回调、事件处理函数
等。
Object 参数:
属性 | 类型 | 描述 |
---|---|---|
data | Object | 页面初始数据 |
onLoad | Function | 生命周期-监听页面加载 |
onShow | Function | 生命周期- 监听页面显示 |
onReady | Function | 生命周期-监听页面初次渲染完成 |
onHide | Function | 生命周期-监听页面隐藏 |
onUnload | Function | 生命周期-监听页面销毁 |
onPullDownRefresh | Function | 监听用户下拉动作 |
onReachBottono | Function | 页面上拉触底事件处理函数 |
onShareAppMessage | Function | 用户点击右上转发 |
onPageScroll | Function | 页面滚动触发事件处理函数 |
onResize | Function | 页面尺寸改变触发吗,详见响应显示区域变化_ |
onTabItemTap | Function | 当前是 tab 页时,单击 tab 时触发 |
其他 | Any | 可以添加任意函数或数据到 Object 参数中,在页面的函数中 this 可以访问。 |
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。