微信小程序基础总结1

一、小程序的特点

    1. 小程序适合做简单的、用完即走的应用；

    2. 小程序适合低频的应用；

    3. 小程序适应性能要求不高的应用。

二、小程序项目的结构

    全局的：

            1. app.js(必须存在)监听并处理小程序的生命周期函数，声明全局变量

          2. app.json(必须存在)配置文件的入口，整个小程序的全局配置，包括页面注册、网络设置、以及小程序的window景 色，配置导航栏样式、配置默认标题，

           3. app.wxss 全局样式

    单个页面：

            1. js 逻辑处理，网络请求

            2. json 小程序设置，如页面注册，页面标题寄tabBar

            3. wxml 是框架设计的一套标签语言，结合基组件、事件系统、可以构建出页面的结构

            4. wxss 是一套样式语言，用于描述wxml的组件样式

注意：全局样式与局部样式

      定义在 app.wxss 中的样式为全局样式，作用于每一个页面。在 单页面的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。

三、参数传值

    1. 给html元素添加data-*属性来传递值，然后js通过e.currentTarget.dataset或者onload的param参数获取(data-名称不能有大写字母和不可存放对象)

    2. 设置id的方式标识来传值，然后js通过e.currentTarget.id获取设置的id的值，然后通过设置全局对象的方式来传递数值

    3.在navigator中添加参数传值(路径)

四、主页面跳转子页面的方式

     1. wx.navigateTo({url : ... })

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

        

2. wx.redirectTo({url : ... }) 

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

3. wx.switchTab({url : ...})

    跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

4. wx.navigateBack({url : ...})

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