uni-app

  1. jQuery、vue、小程序、uni-app中的本地数据存储和接收

    jQuery:
    存:$.cookie('key','value')
    取:$.cookie('key')

    vue:
    存储:localstorage.setItem(‘key’,‘value’)
    接收:localstorage.getItem(‘key’)

    微信小程序:
    存储:通过wx.setStorage/wx.setStorageSync写数据到缓存
    接收:通过wx.getStorage/wx.getStorageSync读取本地缓存,

    uni-app:
    存储:uni.setStorage({key:“属性名”,data:“值”}) //异步 
        uni.setStorageSync(KEY,DATA) //同步
    接收:uni.getStorage({key:“属性名”,success(res){res.data}}) //异步
        uni.getStorageSync(KEY) //同步
    移除:uni.removeStorage(OBJECT) //从本地缓存中异步移除指定 key。
        uni.removeStorageSync(KEY) //从本地缓存中同步移除指定 key。
    清除:uni.clearStorage() //清理本地数据缓存。
        uni.clearStorageSync() //同步清理本地数据缓存。

  1. vue,小程序,uni-app的生命周期

    vue:
    beforeCreate(创建前)
    created(创建后)
    beforeMount(载入前,挂载)
    mounted(载入后)
    beforeUpdate(更新前)
    updated(更新后)
    beforeDestroy(销毁前)
    destroyed(销毁后)
    小程序/uni-app: 
    1. onLoad:首次进入页面加载时触发,可以在 onLoad 的参数中获取打开当前页面路径中的参数。
    2. onShow:加载完成后、后台切到前台或重新进入页面时触发
    3. onReady:页面首次渲染完成时触发
    4. onHide:从前台切到后台或进入其他页面触发
    5. onUnload:页面卸载时触发
    6. onPullDownRefresh:监听用户下拉动作
    7. onReachBottom:页面上拉触底事件的处理函数
    8. onShareAppMessage:用户点击右上角转发

  1. 路由与页面跳转

uniapp的页面跳转和小程序是一样的,都是跳转配置好的页面路径, 并且tab页面也是需要使用switchTab才能实现跳转,总体上和小程序保持一致,对于熟练小程序的朋友上手没有难度,反之,当你习惯了uniapp的页面切换组件后上手小程序也很快。

  1. jq、vue、uni-app、小程序的页面传参方式区别

    1、 jq传参
    通过url拼接参数进行传参。
    2、 vue传参
    一、 vue可以通过标签router-link跳转传参,通过path+路径,query+参数
    二、 也可以通过事件里的this.$router.push({})跳转传参
    3、 小程序/uniapp传参
    通过跳转路径后面拼接参数来进行跳转传参

//示例
// navigate.vue页面接受参数
onLoad: function (option) {
    const item = JSON.parse(decodeURIComponent(option.item));
}

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值