小程序开发入门

傻逼设计的小程序的语法吧，这么难用

首先要知道生命周期，一般来说，某个页面的打开是伴随着参数的

我们先将这些参数初始化到 data 里，

然后在 onshow 中渲染

• page对象理解

  • 生命周期: onload 和 onshow 异步的，非常坑爹，onload里面获取data还没完，onshow就开始执行了
  • setData
    • 理解 setData 作用，彻底将“非双向绑定”记在心里
    • set 一个对象的某个属性，直接 obj: value 会导致属性丢失，得 'obj.attrib': value
  • wxml 中事件绑定函数传参，使用data-key，通过事件e的dataset获取

• 弹窗提示用户

• tag

  • 图片大小设置: 必须在wxss内部设置大小才能生效，傻逼设计

• 页面切换

  • 页面跳转：页面栈的概念
    • navigateTo: 保留当前页面，跳转到其他页面
    • redirectTo：关闭当前页面，也就是删除当前页面在栈中的元素，替换成新页面
    • switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
    • reLaunch：关闭所有页面，打开到应用内的某个页面。
    • 传递参数，注意为null时，传到下一个界面结果是字符串”null“
  • 监听页面返回前alert
  • 获取上一页：var pages = getCurrentPages(); var prev_page = '/' + pages[pages.length - 2].route

• 组件

  • 自定义
    • 新建组件，得自己新建文件夹才能右键新建组件
    • 自定义方法写到 methods 中
    • 外界传入数据写到 properties 中
    • 生命周期：created, attached, detached
  • 第三方
    • van-Toast 自动聚焦
    • 自定义导航栏

• 获取地理位置

  • http://t.csdn.cn/69hbZ

• 生成获取小程序码

页面对象理解

页面切换

组件