uni-app移动端开发技巧总结（二）

(4) uni.getStorageSync( KEY )

从本地缓存中同步获取指定 key 对应的内容。

参数说明:

示例代码：

const value = uni.getStorageSync('storage_key');

(5) uni.removeStorage( OBJECT )

从本地缓存中异步移除指定 key。

OBJECT 参数说明:

示例代码：

uni.removeStorage({
  key: 'storage_key',
  success: function (res) {
    console.log('success');
  }
});

(6) **uni.removeStorageSync( KEY ) **

从本地缓存中同步移除指定 key。

参数说明:

8.生命周期相关

生命周期有分应用生命周期和页面生命周期

(1) 应用生命周期

(2) 页面的生命周期其实就是vue的组件的生命周期

9. 路由与页面跳转

(1) uni.navigateTo( OBJECT )

保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

OBJECT参数说明：

注意：

页面跳转路径有层级限制，不能无限制跳转新页面

跳转到 tabBar 页面只能使用 switchTab 跳转

(2) uni.navigateBack( OBJECT )

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。

OBJECT参数说明:

(3)uni.redirectTo( OBJECT )

关闭当前页面，跳转到应用内的某个页面。

OBJECT参数说明:

(4)uni.switchTab( OBJECT )

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。注意： 如果调用了 **uni.preloadPage(OBJECT) **不会关闭，仅触发生命周期 onHide

OBJECT参数说明:

(5)uni.preloadPage(OBJECT)

预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。

OBJECT参数说明:

10.与界面相关的操作

(1）uni.showModal( OBJECT )

显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮

OBJECT参数说明：

success返回参数说明：

(2) uni.hideTabBar( )和uni.showTabBar()

隐藏 tabBar和显示tabBar

(3)onPullDownRefresh

在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。

需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh。

当处理完数据刷新后，**uni.stopPullDownRefresh **可以停止当前页面的下拉刷新。

(4)onTabItemTap

当点击本页tabBar的item时触发的函数

如下案例：

    onTabItemTap: function(e) {
      if(e.index==2) {
        uni.setTabBarStyle({
          selectedColor: '#D9001B'
        })
      } else {
        uni.setTabBarStyle({
          selectedColor: '#007AFF'
        })
      }
    }