前端一线搬运工的博客

uni-app小程序每次重新编译就会弹窗报错提示：更改appid失败touristappid Error:tourist appid

uniapp+vue 配置全局组件的两种方式(手动和自动)

[uni-app+vue3+vite] 开启响应式语法糖 reactivityTransform:true

小程序获取手机号

微信小程序[ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2204250; lib: 2.26.0)

前言：position:sticky是css定位新增属性；可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。使用：#sticky-nav {position : sticky ;top : 100px ;}设置position:sticky同时给一个(top,.

//绑定load事件<parser id="articleContent" @load="parserOnLoad" />// 富文本加载完毕事件 async parserOnLoad() { // 获取富文本高度 const height = await this.getEleHeight('#articleContent'); console.log({ height }) }, // 获取元素高度 getEleHeight(sq)...

定义一个时间变量:const time = '2021-07-08 15:12:24';平常转换时间戳的办法如下:newDate(time); // ios下转具有横杠('-')的时间戳会出现异常错误但是在ios中横杠是有问题的.解决办法:const newTime=time.replace(/-/gi,'/'); // 使用正则转换newDate(newTime); // ios下转具有斜杠('/')的时间戳正常...

解决办法:.page{ box-sizing: content-box; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}原因是这类新手机有安全区域的新概念:屏幕左边安全距离:safe-area-inset-left屏幕右边安全距离:safe-area-inset-right屏幕上方安全距离:safe-area-ins...

去除前效果：解决代码:// 不要加scoped属性<style lang="scss">.uni-navbar { .uni-navbar__content { border: 0 none !important; }}</style>去除后效果:

报错: -404011 cloud function execution error | errMsg: cloud.callFunction这个范围太广了情况一 是你压根没上传云函数, 那准报错情况二 是你初始化云函数的环境id对不上, 你云端有两个环境, 一个是dev, 一个是pro, 然后你的云函数都部署到了dev, 然后初始化云函数是连了pro, 那也准报错情况三 是你本地安装了node_modules包然后安装缺失了有报错了你没看见, 然后把本地的所有文件都部署到云端, 也也也一样

关于海报分享的教程数不胜数, 但是我没能找到一个好用的, 为了实现这个功能结合了三篇教程耗时三天才把海报搞定;首先网络上教程都是直接上教程代码, 然后代码加思路, 对小白我来说就是一头雾水, 只能边走边理解;这篇教程记录自己实现海报过程如果有错误欢迎指正转载请带源地址开始前先理解原理问: 什么是海报分享?答: 就是保存一张图片到手机相册, 这个图片带有自定义内容比如二...

错误提示: 导入数据库失败, Error: Poll error, 导入数据任务(id:349451)异常,错误信息:解析导入文件错误，请检查导入文件内容，仅支持导入json格式数据及excel文件，错误详情如下: JSON decoder out of sync - data changing underfoot?解决办法:小程序导入数据库格式://小程序json{"name...

thirdScriptErrorerrCode: -1 | errMsg: query.update is only available in server SDK / API;at "pages/result" page lifeCycleMethod onLoad functionError: errCode: -1 | errMsg: query.update is only...

八九不离十, 都是这个问题, 切换一下权限就好了

解决办法:名字不要有中文, 如中文标点符号 ( ) 等!!!以下内容转载自:https://www.cnblogs.com/sheep-sheep/p/9645797.html关于微信小程序不显示图片通病可能有以下几个可能性：非本地图片：确定图片资源存在，copy 图片url再浏览器打开，确定图片资源存在且能正常访问 本地图片：确定相对路径或者绝对路径正确 微信小...

1.wxml上给input一个占位符的样式placeholder-class="xxx",值随便取一个;&lt;input placeholder="我是占位符" placeholder-class="zhanweifu"&gt;2.在wxss样式文件获取上面的类名,如下即可修改.zhanweifu{ color: #333;}理论上支持修改其他样式,我就不一一试了;...

小程序改变数据设置是:this.setData({title:'this is title'});而wepy不需要setData,wepy的处理方式和vue一样,直接:this.title ='this is title';demo:*代码有使用iview-ui框架...

步骤一: 下载iview-ui步骤二: 复制粘贴到项目中***注意引用地址最后有/index哦步骤三: 页面引用<template> <view class="container"> <i-page></i-page>//注册iview-ui里的page组件我命名为i-page,所以页...

起因: 在编码过程中新建了个result.wpy页面(用wepy框架写的小程序),然后wx.redirect跳转过去报了这个错误,但是页面也确实跳转成功了;解决办法: 关闭编译监控,关闭小程序,然后重启小程序,重启监控报错就消失了估计就是监控的问题啦,wepy是新建了页面,配置页面配置了后可能监控没有监控配置文件要重启吧.nuxt的话就是这样的;...

起因: 进入答题页面答题,中途返回首页,再进答题页面发现答题内容有被记录,本不应该被记录的;过程: 答题数据是在本地的json格式数据库,解决:除了string,number和boolean三种类型数据是进行传值,而数组和对象类型数据是引用; 传值是不会跟着数据的改变而源数据也发生改变,引用则会;还不明白看下面的栗子:当dataA:{a:0}是对象类型,声明一个data...

起因: 小程序引用网易云的音乐, 第一天正常, 随机发布上线, 发现线上本机还能播放(缓存), 而其他机子都不能播放音乐, 随后查到是音乐链接拒绝访问的请求, 想必是网易云做了相关防盗功能了;解决办法:外链转换工具 | HHTJim.Com Web App V181225; 用外链转换一下, 什么意思, 我的理解就是你要买音乐会的票(网络音乐), 找黄牛(外链转换工具), 黄牛能帮你...

由于小程序的限制，background-image不能引用本地图片，解决办法一是服务器拿图，二是本地图片转base64；以下是本地图片转base64的方法：wx.getFileSystemManager：创建文件管理类readFileSync：读取本地文件点我=》官方FileSystemManagerAPI传送门console.log(wx.getFileSystemMan...

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/contact-button.html?t=19041716客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。但是小程序的demo无法调用，正确调用方法如下：...

官方demo是错误的：<i-button bind:click="handleOpen1">公众号关联</i-button>改成正确修改并简化：<i-button @tap="handleOpen2">关于小程序</i-button>也就是说click换成tap即可。...

问题来源:data={ title: 'i am old tilte'}1.在wepy中当单独设置this.title= 'i am new title',页面数据没有更新.2.如果单独设置this.setData({title: 'i am newtitle'})页面数据更新了,但是切换页面回来数据还是旧的.3.如果先设置this.setData({title: ...

二次授权因wx.opensetting官方已废弃,所以这里用最新的方案按钮解决代码如下wxml:<button wx:if="{{authBtn}}" open-type="openSetting" bindopensetting='checkAuth'>重新授权相册</button>data = { authBtn: false,}met...

在微信小程序中我们一般通过以下方式来修改data中的数据this.setData({ index1: e.detail.value })比如在函数里面修改数据bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) }但是当我们通过wx.request请求网络数...