app.json
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
pages: 设置各个页面路径(接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息)
windows: 设置默认页面的窗口表现
toolbar: 设置底部tab
networkTimeout:设置网络超时时间
app.js
小程序根实例,存储了全局中的一些数据(比如用户信息)
app() 函数用来注册一个小程序,接受一个 object 参数,其指定小程序的生命周期函数等。
参数说明
参数 | 描述 | 触发时机 |
---|---|---|
onLaunch | 生命周期函数–监听小程序初始化 | 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) |
onShow | 生命周期函数–监听小程序显示 | 当小程序启动,或从后台进入前台显示,会触发 onShow |
onHide | 生命周期函数–监听小程序隐藏 | 当小程序从前台进入后台,会触发 onHide |
onError | 错误监听函数 | 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息 |
app.wxss :全局样式
project.config.json:项目配置文件
css
hover-class:元素的点击态效果(增强用户点击触感),只在view、button、navigator组件中可用
绑定事件
catchtap(可以阻止冒泡事件向上冒泡)bindtap(不会阻止冒泡事件向上冒泡)
条件判断
<view wx:if="{{a>5}}">6</view>
<view wx:elif="{{a < 5}}">4</view>
<view wx:else">5</view>