字节跳动小程序 【开发】 自学总结2

1. 关于表单复选框与单选框添加事件
   通过在checkbox-group和radio-group上添加bindchange事件，来获取结果

//--js
data:{
  checkboxData: { false,false }
}
//--ttml
<checkbox-group bindchange="checkboxChangeFn">
    <label class="setting">
      <checkbox value="aaaa" checked="{{checkboxData[0]}}" color="#F85959" />
      <text>设为默认地址</text>
    </label>
        <label class="setting">
      <checkbox value="bbbb" checked="{{checkboxData[1]}}" color="#F85959" />
      <text>设为默认地址</text>
    </label>
</checkbox-group>

• checkbox背景色，可通过属性color设置
• 通过bindchange事件处理函数，来获取value值(如:aaaa,bbbb)，并修改数据checkboxData的checked的状态

2. 关于api兼容汇总（三种方式）

• 通过版本号比较查看

//-- 获取当前系统版本号
var _systemInfo = tt.getSystemInfoSync();
console.log(_systemInfo.version);
//-- 比较版本函数
compareVersion(v1, v2){
    v1 = v1.split('.')
    v2 = v2.split('.')
    const len = Math.max(v1.length, v2.length)
    while(v1.length < len){
      v1.push('0')
    }
    while(v2.length < len){
      v2.push('0')
    }
    for(let i = 0; i < len; i++){
      const num1 = parseInt(v1[i])
      const num2 = parseInt(v2[i])
      if (num1 > num2){
        return true;
      }else if(num1 < num2){
        return false;
      }
    }
}
//-- 基础库 2.30.0 开始支持本方法
if(compareVersion(_systemInfo.version,2.30.0)){
  //-- 兼容
}else{
  //-- 不兼容
}

• 判断API是否存在

if (tt.navigateToMiniProgram) {
  tt.navigateToMiniProgram();
} else {
  tt.showModal({
    title: "提示",
    content:
      "当前客户端版本过低，无法使用该功能，请升级客户端或关闭后重启更新。",
  });
}

• 通过caniuse来判断

if(tt.canIUse('getUserProfile')){
  console.log('getUserProfile-兼容');
}else{
  console.log('getUserProfile-不兼容');
};

注: 通过版本号比较，不太准确，
比如：
系统版本号：6.6.3，使用API里的getUserProfile需要版本号2.30.0以上兼容，但实际使用中发现无法使用，且log信息tt.getUserProfile未定义函数

3. 关于小程序获取用户信息的接口
   更新日志：2021-11-25
   基础库 2.30.0 开始支持

• 新增 <open-data> 组件
• 新增 tt.getUserProfile
  逐步收回 tt.getUserInfo 获取用户基本信息的能力，将来该接口只会返回匿名用户信息

4. 官当针对自定义导航，最新更新

   
   导航的三种风格

• 其中申请特殊导航，需要在 开发管理 - 页面结构自定义 中去申请，需要小程序评级S;
• 在设计与开发中，自定义导航时候，需要避开左侧常驻LOGO位置，与右侧常驻反馈与胶囊按钮;
• hideHomeButton 变更：保留隐藏返回首页的能力，但不隐藏小程序品牌logo
• 新增getCustomButtonBoundingClientRect： 获取自定义导航栏下不可改变的元素（比如左上角 logo/返回位置+ 右上角反馈+more+close）的位置信息

......占位，填坑........