[原创] uniapp学习笔记(1)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/daxianghaoshuai/article/details/84991735
  1. 如果是h5开发app,适配平板和手机的话,建议高度使用像素单位,而宽度使用百分比,图片使用等比缩放
  2. uniapp的基准宽度是750px,如果设备宽度不是750px,则会在运行环境中计算然后放大或者缩小每个像素的值。
  3. pages.json是路由文件,可配置各页面的导航栏以及内容的样式(下面都是pages.json的配置信息)
    1. tabBar导航栏可配置页面跳转,默认未在底部
    2. tabBar的数量最多为五个
    3. condition 是启动模式的配置,仅开发期间生效,用于模拟直达页面的场景,如小程序转发后,用户点击所打开的页面
    4. current是当前激活的模式。
      总结:pages.json和小程序有关的配置
  4. manifest.json是app开发的配置项。
  5. app,小程序和web页面不一样的是有生命周期
  6. navigator组件 就像 < a > 标签实现路由跳转
    uni中还有用接口实现跳转的,类似于web开发中使用window.location.href
    uni.navigateTo 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
    uni.redirectTo 关闭当前页面,跳转到应用内的某个页面。
    uni.reLaunch 关闭所有页面,打开到应用内的某个页面。
    uni.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
    uni.navigateBack 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
    注:使用期间发现路由不能用下面导航栏的页面路径
  7. audio组件主要要加上controls的属性才能显示
  8. image组件的懒加载属性(lazy-load)只支持小程序,app不支持该属性
  9. image组件有13种模式,用mode属性控制,其中 4 种是缩放模式,9 种是裁剪模式。
    常用的:mode:widthFix
  10. uni.setStorage缓存控制有异步\同步两种方式,同步的必须要try{}catch{}捕获异常,否则在小程序中会报错
  11. uni.getSystemInfo获取手机信息,但是手机品牌brand属性只有微信小程序才能获取。
  12. 下拉刷新可以使用生命周期onPullDownRefresh,监听该页面用户下拉刷新事件。
    注意:
    1 需要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中开启 enablePullDownRefresh。
    2 当处理完数据刷新后,uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。
  13. 上拉加载数据可以使用生命周期onReachBottom,监听该页面用户上拉加载数据

猜你喜欢

转载自blog.csdn.net/daxianghaoshuai/article/details/84991735