小程序开发的一些基本知识_小程序 swipter-CSDN博客

本文链接：https://blog.csdn.net/weixin_48462578/article/details/115310601

本文涵盖了小程序中Swipter组件高度设置的数学公式，富文本标签的使用，微信小程序的缓存管理，CSS实现文字省略效果，Promise的简单封装及异步处理，以及获取用户地址的完整流程。通过这些知识点，深入理解小程序开发和前端技术的实践应用。

摘要由CSDN通过智能技术生成

知识点①
使用swipter时怎么设置swipter高度？
列出初中公式：swipter宽度w / swipter高度h = 图片宽度w / 图片高度 h
so得出：
swipter高度h=swipter宽度w * 图片高度h / 图片宽度w
swipter高度h=calc=(100vw * th / tw)

知识点②
富文本标签
在这里插入图片描述

在这里插入图片描述

知识点3
微信小程序的缓存
在这里插入图片描述

  onUnload: function () {
    wx.setStorageSync('key', data)
    wx.getStorageSync('key')
  },

知识点4》css第二行显示点点点……

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

知识点5》简单使用promise封装异步和使用

			
			var run = function(){
			        var _promise = new Promise(function(resolve, reject){
			            setTimeout(function(){
			                var rand = Math.random();
			                if(rand<0.5){
			                    resolve("resolve" + "成功");
			                }else{
			                    reject("reject" + "失败");
			                }
			            },1000);
			        });
			        return _promise;
			    }
			   run().then(function(data){
			           console.log(data);
			       }).catch(function(data){
					    console.log(data);
				   });

知识点6》获取用户的地址
在这里插入图片描述

  handlechooseaddress() {
    // 1获取权限状态
    wx.getSetting({
      success: (result) => {
        // 2获取权限状态主要发现一些属性名很怪异的时候 都要使用[ ]形式来获取属性值
        const scopeAddress = result.authSetting["scope.address"];
        //用户授权过true，或者没有授权过undefined第一次打开
        if (scopeAddress === true || scopeAddress === undefined) {
          wx.chooseAddress({
            success: (result1) => {
              console.log(result1);
            }
          });
        } else {

          // 3用户以前拒绝过授予权限先诱导用户打开授权页面
          wx.openSetting({
            success: (result2) => {
              // 4可以调用收货收货地址代码
              wx.chooseAddress({
                success: (result3) => {
                  console.log(result3);
                }
              })
            }
          })
        }
      }
    })
  }