微信小程序自学（积少成多）

微信小程序全局配置app.json文件中

window：设置小程序的状态栏、导航条、标题、窗口背景色

NavigationBarBackgroundColor:导航栏

NavigationBarTextStyle:导航栏的字体颜色，只支持white和black

navigationBarTitleText:导航条标题文字内容

navigationStyle：导航栏样式，仅支持default和custom

backgroundColor：窗体背景颜色，但是在微信开发者工具中的模拟器是没有效果的，只有在手机窗体下拉刷新或上拉加载时露出的背景

backgroundTextStyle：下拉 loading 的样式，仅支持 dark / light

tabBar：设置指定tab的表现

color：tab上的文字默认颜色

selectedColor：文字被选中的颜色

backgroundColor：背景颜色

borderStyle：边框颜色

list：列表，至少2个，最多5个

position：top或者bottom，定位在顶部或者底部

custom：（还没深究）

networkTimeout：各类网络请求的超时时间，单位为毫秒

request	number	否	60000	wx.request 的超时时间，单位：毫秒。
connectSocket	number	否	60000	wx.connectSocket 的超时时间，单位：毫秒。
uploadFile	number	否	60000	wx.uploadFile 的超时时间，单位：毫秒。
downloadFile	number	否	60000	wx.downloadFile 的超时时间，单位：毫秒

微信小程序的场景值

作用官网有

getApp：获取到小程序全局唯一的 App 实例

在别的js页面可以获取到小程序app.js定义的内容

页面参数如下：

 

属性	类型	默认值	必填	说明
data	Object			页面的初始数据
onLoad	function			生命周期回调—监听页面加载
onShow	function			生命周期回调—监听页面显示
onReady	function			生命周期回调—监听页面初次渲染完成
onHide	function			生命周期回调—监听页面隐藏
onUnload	function			生命周期回调—监听页面卸载
onPullDownRefresh	function			监听用户下拉动作
onReachBottom	function			页面上拉触底事件的处理函数
onShareAppMessage	function			用户点击右上角转发
onPageScroll	function			页面滚动触发事件的处理函数
onResize	function			页面尺寸改变时触发，详见 响应显示区域变化
onTabItemTap	function			当前是 tab 页时，点击 tab 时触发
其他	any			开发者可以添加任意的函数或数据到 Object 参数中，在页面的函数中用 this 可以访问

getCurrentPages() 不能在app.js中App.onLaunch的时候调用此函数

自定义组件（补）

 

模块化

require：引入模块 返回模块通过 module.exports 或 exports 暴露的接口。

module：当前模块对象

exports：module.exports 的引用

数据绑定：

模板

引用模板：可以用import或者include

<include src="header.wxml"/>
<view> body </view>
<include src="footer.wxml"/>

将目标文件除了 <template/> <wxs/> 外的整个代码引入，相当于是拷贝到 include 位置

wxs（补）