微信小程序常用的方法

微信使用本地存储   

wx.setStorageSync("system",this.globalData.system); //同步设置值  
    //判断机型ios 安卓
    let system = wx.getStorageSync('system'); //同步获取存储的值
    console.log(system);
    //注意  wx.getStorageInfoSync() 获取的是存储的key,currentSize,limitSize没有值

在app.js 的onLanch函数中判断系统Android还是iOS

if(!wx.getStorageInfoSync().keys.includes('system')){
      wx.getSystemInfo({
        success: (result) => {
          if(result.system.indexOf('iOS')!=-1){
              this.globalData.system = "iOS";
          }else if(result.system.indexOf('Android')!=-1){
              this.globalData.system = "Android";
          }else {
              this.globalData.system = "Unknow";
          }
          wx.setStorageSync("system",this.globalData.system);
        },
      })
    }

在页面中如何获取app.js中的全局数据

 const app = getApp();//可以使用app.globalData去使用定义的全局数据
 onLoad:function(){
    // 生命周期函数--监听页面加载
      let type=1;
      if(app.globalData.system=='iOS'){
          type=2;
      }
      request('/banner',{type}).then(res=>{
          this.setData({
            bnannerLsit:res.banners
          })
      })
  },

引入iconfont字体图标，在app.wxss中引入字体图标

@import "/static/iconfont/iconfont.wxss";

将公共的部封装成组件

首先在page同级页面新建components文件夹，新建page，在.json文件中声明

{
  "component": true,//声明为组建
  "usingComponents": {}
}

在.js文件中声明

// components/NavHeader/NavHeader.js
Component({
  /**
   * 组件的属性列表, 由组件外部传入的数据， 等同于Vue中的props
   */
  properties: {
    title: {//可以在wxml中使用{{}}
      type: String,
      value: '我是title默认值'
    },
    nav: {
      type: String,
      value: '我是nav默认值'
    }
  },
​
  /**
   * 组件的初始数据
   */
  data: {
  
  },
​
  /**
   * 组件的方法列表
   */
  methods: {
  
  }
})
​

 

如果使用组件的话在需要使用组件的地方的.json文件中

{
  "usingComponents": {
    "NavHeader": "/components/NavHeader"//组件名：组件的路径
  }
}

 

在wxml中直接使用

 <NavHeader title="推荐歌曲" nav="为你精心推荐"></NavHeader>