小程序总结

1.窗口配置
窗口配置就是比如上面的显示信息如（分类，购物车，商品详情）这些可以在本页面的json里面进行设置，还有tabBar的一些设置在app.json里面进行设置
tabB

导航

小程序文件类型

WXML（WeiXin Markup Language）、是框架设计的一套标签语言、结合基础组件、事件系统、可以构建出页面的结构、内部主要是微信自己定义的一套组件
== WXSS（WeiXin Style Sheets）是一套样式语言、用于描述WXML的组件样式==
js逻辑处理网络要求
json小程序设置、如页面注册、页面标题及tabBar

小程序生命周期和小程序页面的生命周期

1、onload页面加载时触发、一个页面只会调用一次可以在onload的参数中获取打开当前页面路径中的参数
2、onshow页面页面显示/切入前台时触发
3、onready页面初次渲染完成时触发、一个页面只会调用一次、代表页面已经准备妥当、可以和视图层进行交互
4、onhide页面隐藏/切入后台时触发、如navigateto或底部tab切换到其他页面、小程序切入后台等
5、onunload页面卸载时触发、如redirectTo或navigateBack到其他页面时详见生命周期回调函数

数据请求和封装

路由跳转分类和路由跳转传递参数

第一种wx.switchTab跳转到tabBar页面、并关闭其他所有非tabBar页面
第二种wx.redirectTo()关闭当前页面跳转到应用内的某个页面。但是不允许跳转到tabBar页面和上面wx.swictTab()相反

第三种wx.navigateTo()保留当前页面、跳转到应用内的某个页面、但是不能跳转到tabBar页面这个路由跳转方式比较适合用在跳转详情页面
第四种wx.navigteBack()关闭当前页面，返回上一个页面或多级页面，可以传递参数作为返回的页数

第五种wx.reLaunch()关闭所有页面，打开到应用内的某个页面，可以跳转的tabBar页面

路由配置

在app.json里面有个pages数组在里面写想生成路由的路径保存自动生成页面

点击获取参数

首先在需要在渲染后的组件上写上点击事件bindtap=“dianji"方法然后有个data-=”" 的方法后面跟上自己起的名字然后，后面写入需要点击拿到的值在js页面写点击的事件名传入e然后log就能拿到传递的值

本地存储的几种方式

同步
1.wx.setStorageSync()存储值

 wx.setStorageSync('key', data)

2.wx.removeStorageSync()移除指定的值

wx.removeStorageSync('key')

3.wx.getStorageSync()获取值

wx.setStorageSync('key')

4. wx.getStorageInfoSync()获取当前storge中所有的key

 var res= wx.getStorageInfoSync()
   console.log(res.keys);

5.wx.clearStorgeSync()清除所有的key

wx.clearStorageSync()

异步
1.wx.setStorage（）存储值

  wx.setStorage({
     data: data,
     key: 'key',
   })

2.wx.removeStorage()移除指定的值

 wx.removeStorage({
   key: 'key',
 })

3.wx.getStorage()获取值

wx.getStorage({
  key: 'key',
})

4.wx.getStorageInfo()获取当前storage中所有的key

wx.getStorageInfo({
  success: (option) => {
    console.log(option.keys);
    
  },
})

5.wx.clearStorage()清除所有的key

 wx.clearStorage()