[移动开发]微信小程序相关知识整理

最近好久不写小程序了，关于小程序的常用语法，感觉要忘记了，今天理理之前在写小程序时候遇到的小问题。

小程序去除view/navigator 点击后默认阴影效果

在使用navigator时候，我们点击时候会有一个默认的阴影，产品有时候会要求去除，不然影响用户的体验。

<navigator hover-class="no-shadow"></navigator>

.no-shadow {
  hover-class:none;
}

在页面中避免这个样式被覆盖，要把这个样式放在wxss的最底部。

隐藏返回home按钮

当我们在初次进入小程序的时候，进入的不是首页的时候，这时候页面会默认显示“返回首页”的按钮，这时候我们就需要进行隐藏。

可在页面 onShow 中调用 hideHomeButton 方法进行隐藏

wx.hideHomeButton()

人脸识别功能

如今人脸识别在小程序中的使用越来越普遍，官方文档写的还是很清楚的，有人脸识别，指纹识别等（声纹识别目前还不支持）

使用示例：

startface(name, idcard) {
   const that = this;
　　wx.startFacialRecognitionVerify({　
　　　　name: that.data.custName,// 身份证姓名
　　　　idCardNumber: that.data.custIdCard,// 身份证号码
　　　　success: function(res) {
　　　　　　var verifyResult = res.verifyResult; // 认证结果
 　　　　　　//调用接口
　　　　},
　　　　checkAliveType: 2,// 屏幕闪烁(人脸核验的交互方式，默认0,读数字)
　　　　fail: err => {
　　　　　　wx.showToast('请保持光线充足，面部正对手机，且无遮挡')
　　　　}
　　})
},

版本更新

在小程序中，版本更新的时候及时提示用户进行更新，在app.js中进行检测并更新：

onLaunch: function(){
  this.updateManager()
},

 updateManager() {
      const updateManager = wx.getUpdateManager();
      updateManager.onUpdateReady(function() {
        wx.showModal({
          title: '‘更新提示’',
          content: '新版本已经准备好，是否重启应用？',
          success(res) {
            if (res.confirm) {
              updateManager.applyUpdate();
            }
          }
        });
      });
    },

环境管理

由于小程序的限制,不管是体验版、开发版还是正式版，我们在使用后端的地址的时候，经常需要来回切换地址，不仅不方便，有时候忘记了，还耽误开发和测试的时间，这里就简单写一写我的处理方式：

• 首先创建环境文件
  （根据情况创建容易辨认的js文件）

• 在文件里

const accountInfo = wx.getAccountInfoSync();
 switch (accountInfo.miniProgram.envVersion) {
      case 'develop':
        this.globalData.url = '本地地址'; 
        break;
      case 'trial':
        this.globalData.url = '测试地址';
        break;
      case 'release':
        this.globalData.url = '线上地址';
        break;
      default:
        this.globalData.url = '备用地址';
        break;
    }

accountInfo.miniProgram.envVersion会有三个值：

1. develop：开发版
2. trial：体验版
3. release：正式版

这样我们在提交代码的时候，小程序就自动匹配对应的地址了。

整理一遍，加深一遍印象！