前端开发遇到的问题（自己记录，不定期更新）

1.功能：小程序和网页1v1通讯。

背景：腾讯TRTC音视频通讯，有小程序之间1V1demo 和 网页与网页的1V1demo，但是无法直接小程序与网页1v1。
解决：利用wss机制，小程序向网页发送消息，请求通讯。网页端创建房间并返回同意消息，小程序端收到消息后进房，即可通讯。

2023-06-06再遇到问题：

腾讯套餐调整，网页与网页可以正常通讯，小程序和网页进行TRTC通讯异常，需要买尊享版套餐，价格昂贵。
解决：小程序嵌入webView页面，将网页嵌入小程序中，使用webView与网页进行通讯。
（webView页面在测试环境能打开，但是体验版和生产环境都打不开。解决：需要在微信公众平台中，配置业务域名）

2.功能：使用小程序wx.connectWifi连接wifi报错：errno: 1505020, errCode: 12010, errMsg: “connectWifi:fail:unknown error”

解决： 连接时加字段：forceNewApi: true 或者连接失败时，提示用户手动连接

   wx.connectWifi({
      SSID: SSID,
      password: password,
      forceNewApi: true,
      success: (res) => {
      	console.log('连接成功,继续下一步操作')
      	this.setData({
          status: '连接成功',
        })
      },
      fail: (res) => {
        let that = this
        wx.showModal({
          title: '提示',
          content: '自动连接失败。请手动进入系统wifi页面连接指定WiFi：名称:xxxx  密码:xxxx，然后返回小程序',
          showCancel: false,
          success() {
          	console.log('连接成功,继续下一步操作')
            that.setData({
              status: '连接成功',
            })
          }
        })
      }
    })

3.功能：微信小程序,图片设置了宽度,高度没有自适应变化

微信小程序图片自适应宽高比例显示解决方法
解决：写固定宽度，然后使用 image 组件中 mode 属性的 widthFix ；

	<image src="{{img_url}}" mode="widthFix"></image>

解决：使用bindload方法获取图片的宽高，然后得到图片的宽高比

	<image  bindload="imageLoad" src='{{img}}'></image>
  	//js中的方法
 	 imgLoad(e) {
  		let width = e.detail.width,//图片宽度
  		let height = e.detail.height,//图片高度
  		this.setData({
  			img_ratio: width / height,//图片宽高比例
  		})
  	}