uniapp学习1

pages:
"globalStyle":{ }//设置默认页面的窗口表现。用于设置应用的状态栏、导航条、标题、窗口背景色等。
"pages":{"path": " ","style":{ },}//设置页面路径及窗口表现
"tabBar":{}//设置底部 tab 的表现

应用生命周期：App.vue
onLaunch（）初始化完成时触发（全局只触发一次）
onShow( ) //当uniapp启动或从后台进入前台显示
onHide( )//从后台进入前台
onError( )//报错时触发
页面生命周期：
onInit()//监听页面初始化
onLoad()//监听页面加载
omShow()//监听页面显示
onReady()//监听页面初次渲染完成
onHide()//监听页面隐藏
onUnload()//监听页面卸载
onReasize()//监听窗口尺寸大小
onPullDownRefresh()//监听用户下拉动作（下拉刷新）
onReachBottom()//页面滚动到底部的事件（上拉加载）

页面：
getApp();//函数用于获取当前应用实例，一般用于获取globalData.
eg：const app=getApp();
       console.log(app.gloablData);
getCurrentPages() //函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。
$getAppWebview();

路由：
navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面。
页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。
不能在 App.vue 里面进行页面跳转

手动引用和注册组件，需要3步：
1、import导入组件；
2、components里注册组件；
3、template中使用组件。

应用级事件
uni.onPageNotFound(funciton callback)//监听应用要打开的页面不存在事件
uni.onError(funciton callback)//监听小程序错误事件
uni.onAppShow(funciton callback);//监听应用切前台事件
uni.onAppHide(function callback);//监听应用切后台事件
uni.offPageNotFound(funciton callback)//取消监听应用要打开的页面不存在事件
uni.offError(funciton callback)//取消监听小程序错误事件
uni.offAppShow(funciton callback);//取消监听应用切前台事件
uni.offAppHide(function callback);//取消监听应用切后台事件

网路：
uni.request();//发起网络请求
uni.uploadFile();//将本地资源上传到开发者服务器
uni.downloadFile();//下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。

路由与页面跳转：
uni.navigationTo();//保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
uni.redirectTo()//关闭当前页面，跳转到应用内的某个页面。
uni.reLaunch();//关闭所有页面，打开到应用内的某个页面。
uni.switchTab();//跳转到tabBar页面，并关闭其他所有非tabBar页面。
uni.navigateBack();//关闭当前页面，返回上一页面或多级页面。可通过getCurrentPage()获取当前的页面栈，决定需要返回几层。
navigateTo, redirectTo 只能打开非 tabBar 页面。

*switchTab 只能打开 tabBar 页面。
*reLaunch 可以打开任意页面。
*页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。
*不能在 App.vue 里面进行页面跳转。
*H5端页面刷新之后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。

数据缓存：
uni.setStorage(object)//将数据存储在本地缓存中指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口。
eg: uni.setStorage({
    key: 'storage_key',
    data: 'hello',
    success: function () {
        console.log('success');
    }
});
uni.setStorageSync(key,data);//将data存储在本地缓存中指定的key中，会覆盖掉原来该key对应的内容，这是一个同步接口。
uni.getStorage(OBJECT);//从本地缓存中异步获取指定key对应的内容。
eg:uni.getStorage({
    key: 'storage_key',
    success: function (res) {
        console.log(res.data);
    }
});
uni.getStorageSync(key);//从本地缓存中同步获取指定key对应的内容。
uni.getStorageInfo(OBJECT);//异步获取当前storage的相关信息。
eg:uni.getStorageInfo({
    success: function (res) {
        console.log(res.keys);
    }
});
uni.getStorageInfoSync();//同步获取当前storage的相关信息。
uni.removeStorage(OBJECT);//从本地缓存中异步移除指定key.
eg:uni.removeStorage({
    key: 'storage_key',
    success: function (res) {
        console.log('success');
    }
});
uni.removeStorageSync(key);//从本地缓存中同步移除指定key.
uni.clearStorage();//清理本地数据缓存。
uni.clearStorageSync();//同步清理本地数据缓存。

位置：
uni.getLocation(OBJECT)//获取当前的地理位置、速度。
eg:uni.getLocation({
    success: function (res) {
        console.log('当前位置的经度：' + res.longitude);
        console.log('当前位置的纬度：' + res.latitude);
    }
});
uni.chooseLocation(object);//打开地图选择位置
eg:uni.chooseLocation({
    success: function (res) {
        console.log('位置名称：' + res.name);
        console.log('详细地址：' + res.address);
        console.log('纬度：' + res.latitude);
        console.log('经度：' + res.longitude);
    }
});
uni.openLocation(object);//使用应用内置地图查看位置。
eg:uni.getLocation({
    type: 'gcj02', //返回可以用于uni.openLocation的经纬度
    success: function (res) {
        const latitude = res.latitude;
        const longitude = res.longitude;
        uni.openLocation({
            latitude: latitude,
            longitude: longitude,
            success: function () {
                console.log('success');
            }
        });
    }
});