微信小程序遇到的一些问题及解决方法(设备安装)

微信小程序遇到的一些问题及解决方法

1、js将字符串按照换行符分隔成数组

javascript 复制代码
//转换成数组
snsArr=str.split(/[(\r\n)\r\n]+/);
//删除空项
snsArr.forEach((item,index)=>{
      if(!item){
          snsArr.splice(index,1);
      }
})

2、vue byte数组

1)、byte数组

javascript 复制代码
let arr = new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f, 0x20, 0x57, 0x6f]);

2)、将byte数组转换为字符串

javascript 复制代码
let str = String.fromCharCode.apply(null, arr);
console.log(str);

3)、将字符串转换为byte数组

javascript 复制代码
let str = "Hello World";
let arr = new Uint8Array(str.length);

4)、在Vue中使用byte数组。例如,我们可以使用axios发送包含byte数组的POST请求

javascript 复制代码
let arr = new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f, 0x20, 0x57, 0x6f]);
axios.post('/api', arr).then(response =>{
	console.log(response.data);
});

3、使用vant-weapp的文件上传capture="camera" 无法直接调用摄像头

javascript 复制代码
<template>
	<van-uploader
	 :file-list="fileListImage"
	 accept="media"
	 :capture="capture"
	 camera="back"
	 compressed
	 max-count="9"
	 max-duration="60"
	 media-type="['image', 'video']"
	 @after-read="afterReadImage"
	 @delete="deleteFileImage"
/>
</template>

export default {
  data() {
    return {
      capture: ["camera"],
    };
  }
}

4、errMsg: "request:fail -2:net::ERR_FAILED" errno: 600001

5、微信小程序 页面跳转传递值几种方法详解

1)、路由传参

javascript 复制代码
// 通过页面路由函数wx.navigateTo或wx.redirectTo的第二个参数传递数据
wx.navigateTo({
  url: '/pages/details/details',
  success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('acceptDataFromOpenerPage', {data: 'test'})
  }
});

// 在被打开页面的onLoad方法中使用wx.onEvent监听事件,并获取数据
onLoad: function(options) {
   var _this = this
   // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据
   const eventChannel = this.getOpenerEventChannel()
   eventChannel.on('acceptDataFromOpenerPage', function(data) {
     console.log(data) //输出{data: 'test'}
     _this.setData({
       test: data.data
     })
   })
}

2)、本地缓存传参

javascript 复制代码
// 跳转前页面存储数据
wx.setStorageSync('key', 'value')
wx.navigateTo({
   url: '/pages/index/index'
});

// 跳转后页面获取缓存数据
onLoad: function () {
   var value = wx.getStorageSync('key')
   console.log(value) //输出"value"
}

3)、全局变量传参

javascript 复制代码
// 跳转前页面存储数据 app.js
App({
  globalData:{
    key: 'value'
  }
})
//page.js
wx.navigateTo({
   url: '/pages/index/index'
})

onLoad: function () {
   var app = getApp()
   console.log(app.globalData.key) //输出"value"
}

4)、URL传参

javascript 复制代码
// 通过在URL中携带参数传递数据,如:"/pages/details/details?id=1001"

// 在接收页面的onLoad方法中可以获取传递的参数:
onLoad: function(options) {
   console.log(options.id) //输出1001
}

6、微信小程序视频播放,点击视频大屏展示预览

javascript 复制代码
 <video src="{{videosrc}}" bindtap="previewVideo" data-current="{{videosrc}}" class="video"></video>
  // 视频预览 也可图片预览
  previewVideo(e){
    wx.previewMedia({
      sources: [{
        url: e.currentTarget.dataset.current, //视频播放路径
        type: 'video'//video视频 image图片
      }]
    })
  },
相关推荐
京东零售技术几秒前
京东小程序JS API仓颉改造实践
前端
nbsaas-boot6 分钟前
[特殊字符] 分享裂变新姿势:用 UniApp + Vue3 玩转小程序页面分享跳转!
小程序·uniapp·notepad++
奋飛9 分钟前
TypeScript系列:第六篇 - 编写高质量的TS类型
javascript·typescript·ts·declare·.d.ts
老A技术联盟9 分钟前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序
you458012 分钟前
小程序学习笔记:使用 MobX 实现全局数据共享,实例创建、计算属性与 Actions 方法
笔记·学习·小程序
风铃喵游13 分钟前
构建引擎: 打造小程序编译器
前端·小程序·架构
sunbyte18 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
小飞悟26 分钟前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor27 分钟前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter28 分钟前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript