uni-app总结笔记

1.什么是uniapp

  • 基于vue开发的(懂vue的朋友问题是不大的),是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
  • 跨端:小程序、H5、qq小程序啥的都可以用(会有小坑,毕竟兼顾这么多端)
  • 没有啥效果很棒组件,几乎都要自己写,也不建议去用其它花里胡哨的,容易出问题(能简则简)
  • uinapp 是多页,vue是多页

2.重要文件解读:

  • package.json : 包管理器,和vue里面差不多
  • main.js : 入口文件,与vue同。里面可以配置一些全局的东西
  • pages.json : 与vue的router.js差不多,配置路由的
  • static: 放置静态文件,一般放些图片啥的
  • pages : 和vue的view文件夹差不多,放组件的
  • store : vuex

3.开发上需要注意的地方

  • uniapp没有div用view代替
  • 使用图片需要import引入,并在data里返回,最后才能绑定到标签里去
  • onLoad()为加载函数,用的多一点,其他生命周期函数的可以去官网看
  • 请求(使用原生的即可)
    uni.request({
        url: '',
        data: {},
        methods: 'get',
        success:(res) =>{
            console.log(res)
        },
        fail: (err) => {
        console.log(err)
    
    })
        

    页面跳转(几个常用的)

  • uni.navigateTo   常用,保留当前页面,跳转到应用内的某个页面。

  • uni.redirectTo     不保留当前页面,跳转到应用内的某个页面。(与上面的区别一样,场景不同的)

  • window.location.href 跳转站外,还得原生JS

内置提示

  • uni.showToast(): 提示框

  • uni.showLoading(): 过渡动画,需要手动关掉 uni.hideLoading()

由于uniapp本身没啥ui插件,大家可以在社区找:社区地址(找评分高的就行)

  1. 不要想着用uniapp搞一些花里胡哨的操作
  2. 尽量使用原生的组件,兼容性好,稳一些
  3. 不要去引一些花里胡哨的查件库,都容易出问题
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值