微信小程序api基础应用

微信内置api

界面，网络请求， 用户头像，登录，图片与文件，系统信息，网络，
基础，路由 ，提示等

网络请求

wx.request

url 请求的数据

data 数据（post）

timeout 超时

header？ 请求头
     contentType
     Auhorization
    token
    sigin指纹

method:方式post|get| put| delete

success成功回调函数

fail 失败回调

complete完成(成功和失败都会执行)

基础

wx.getSystemInfoSync() //获取系统信息

 //状态栏高度
 statusHeight

//可用窗口的宽
windowWidth

//可用窗口的高
 windowHeight

 safeArea
 // 安全区域

system
系统ios/android

batteryLevel 
电量

路由

wx.navigateTo({})
//跳转
wx.redirectTo()
//重定向 
Wx. switchTab()
//切换底部栏
wx.navigateBack0
//返回
 

提示

showModal
//显示模态框
showToast
//显示提示
showLoading
//显示加载中

生命周期

小程序生命周期

onLaunch启动
//(本地存储，登录)
onShow前台展示
//开始播放与运行
onHide后台运行
//(停止播放与运行)
onError发生错误
//(监听处理错误)

页面的生命周期

生命周期

onLoad加载完毕
//(获取页面传参，初始化，网络请求，本地出错)
onReady首次渲染完毕
//(获取节点)
onShow
//前台显示
onHlde
//后台运行
onUnload
//页面被卸载

固定回调函数

onPullDownRefresh下拉属性
	//在json中配置
	enable PullDownRefresh
	//停止下拉刷新
wx.stopPullDownRefresh()
onReachBottom上拉触底
onShareAppMessage右上角分享
onShareTimeline分享到朋友圈
onPageScroll 页面滚动
	e.scrollTop
	//页面滚动的距离
	wx.pageScrollTo({
	duration: 600,
	scrollTop:0,
	})
	//将页面滚动到指定的位置 
	//也可以指定滚动到指定的元素
onTabltemTap页面底部栏被点击

button的开放能力

 open-type:
        share
        //触发分享
        getPhoneNumber
       	//获取用户的手机号
        getUserInfo
        //获取用户信息
        chooseAvatar
        //获取用户的头像
 //都会弹框需要授权

节点信息

    //创建一个选择器
   const query = wx.createSelectorQuery()
    //选中h1节点 获取它的边界
   query.select('.h1').boundingClientRect()
    //选中所有h1节点获取他的边界
    query.selecAll(".h1").boundingClientRect()
    //获取窗口的位置信息
    query.selectViewport().scrollOffset()
    //执行查询操作放回结果
    query.exec(function(res){})