![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 63
浩星
95后的我从小鲜肉变成老腊肉了
展开
-
小程序的拉流组件live-player的使用
小程序的音视频的拉流组件live-player的使用分享原创 2023-03-03 11:15:34 · 5687 阅读 · 1 评论 -
小程序中的实时日志,直接在微信公众号可以看到数据
小程序中的实时日志,直接在微信公众号可以看到数据。原创 2023-02-09 16:18:21 · 1216 阅读 · 3 评论 -
小程序实现小窗功能
小程序实现小窗功能原创 2023-02-06 19:18:32 · 1823 阅读 · 0 评论 -
小程序中新版本的获取用户头像与昵称:bind:chooseavatar
小程序中新版本的获取用户头像与昵称:bind:chooseavatar原创 2022-11-25 18:41:46 · 6716 阅读 · 5 评论 -
小程序中使用watch监听父级的数据
小程序中使用watch监听父级的数据原创 2022-11-15 16:56:00 · 599 阅读 · 0 评论 -
小程序的点击复制功能和长按复制功能
在小程序中实现点击复制功能和长按复制功能,主要使用wx.setClipboardData 小程序的复制功能。原创 2022-11-07 16:33:45 · 11650 阅读 · 0 评论 -
小程序获取当前进页面的来源
小程序获取当前进页面的来源,wx.getLaunchOptionsSync()原创 2022-11-03 16:46:52 · 3423 阅读 · 0 评论 -
小程序刷新页面
小程序刷新页面原创 2022-11-03 16:39:11 · 385 阅读 · 0 评论 -
小程序中列表没有边框问题与列表第三方插件
小程序的rich-text组件中还不支持 列表的border, 在调研了第三方插件后,整理下资料原创 2022-10-08 19:30:49 · 1535 阅读 · 1 评论 -
小程序线上调试优化
小程序线上调试优化原创 2022-09-01 10:28:00 · 3527 阅读 · 4 评论 -
微信小程序报错:request:fail url not in domain list
request:fail url not in domain list 小程序报错该信息的介绍和解决办法原创 2022-06-24 14:51:10 · 3787 阅读 · 1 评论 -
小程序嵌套h5界面,在h5界面调用小程序的扫一扫功能(自用方法3)
前言:因为小程序对项目要求比较多,我们经常会使用webview嵌套H5界面来,然后在H5界面来实现我们的一些功能页面,这里就会遇到一些问题,比如H5界面的微信扫码功能。目录:实现方法的尝试:(自用方法3)方法1:在h5界面中,点击调用小程序的官方扫一扫功能,点击H5让动态跳转到小程序的组件方法里面,然后调用小程序的官方扫一扫方法,扫码完成以后,在拿到数据跳转到我们的H5界面弊端:附官方方法:方法2: 使用微信扫一扫功能,微信公...原创 2022-05-23 19:15:19 · 7161 阅读 · 14 评论 -
小程序中实现两个或者多个小程序之间互相跳转
前言:小程序中实现两个或者多个小程序之间互相跳转,a小程序带参跳转到b小程序中。官方入口:点我https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html实现步骤:一、配置双方小程序的appida小程序:app.json: //数组是其他小程序的appid"navigateToMiniProgramAppIdList": ["wx3...原创 2022-04-02 17:23:45 · 11513 阅读 · 9 评论 -
小程序嵌套h5界面,在h5界面调用小程序的扫一扫功能
前言:小程序嵌套h5界面,在h5界面调用小程序的扫一扫功能,思路:主要是小程序上用webview嵌套H5页面,然后H5点击调用小程序的扫一扫,然后通过改变webview的路径带参数的方式将扫描结果返回到H5页面来实现。不足之处:可以实现h5界面调用小程序的扫一扫,但是页面会明显闪动,视觉效果不好。实现方法:1、h5界面部分:abc.html是h5界面的地址(返回地址)$('.clickJump').on('click', function () { ope...原创 2022-03-31 01:05:49 · 4310 阅读 · 2 评论 -
小程序中嵌套h5界面
前言:小程序因为他的自身限制,不太适合复杂的项目,为了扩展他的功能,可以采用小程序加上h5界面来实现更复杂的项目。实现方法:wxml:<view> <web-view src="{{url}}"></web-view></view>js中:Page({ /** * 页面的初始数据 */ data: { url: '', },具体方法中:...原创 2022-03-31 00:30:31 · 5068 阅读 · 0 评论 -
微信公众号内嵌H5网页授权步骤
主要注意点就是回调地址:我是用vue框架开发的,所以单独做了个页面去授权回调:redirectToAuthPage(){ const callbackURL = encodeURIComponent('https://ad.jfpays.com/wcpn-mk/index.html#/empower') const wechatId = 'wxed45c756a3d640e4' const redirectURI = `https://open.weixin.qq.com/conn...转载 2021-07-06 15:30:12 · 3191 阅读 · 0 评论 -
小程序中实现点击切换不同组件的效果
前言: 小程序中实现点击切换不同页面的组件效果。实现效果:实现步骤:第一:分别建立三个页面的文件夹以及他们的相关文件第二:index模块中index.wxml<!--index.wxml--><view class="container"> <!--主体内容--> <view wx:if="{{active == 0}}"> <view>我是首页</view>...原创 2021-03-29 17:21:28 · 1518 阅读 · 0 评论 -
小程序中使用for循环,并动态添加class
前言: 小程序中使用for循环,并动态添加class实现效果:实现代码:index.wxml中:<view class='footer'> <view class="footerLi {{index == active ? 'footerActive' : ''}}" wx:for="{{footer}}" wx:key="index" bindtap='changeActive' dat...原创 2021-03-29 16:29:59 · 1381 阅读 · 0 评论 -
Webstorm支持微信小程序开发配置
前言: webstrom中配置小程序中的提示信息和模板首先要知道是:小程序中的wxml == 我们的vue模板/html 小程序的wxss == css英文版本: File ->setting -> Editor -> File Types-> style/vue中文版本: 文件->设置 -> 编辑器 ->文件类型-> style/vue中文版最终效果:英文版图片教程...原创 2021-03-29 16:00:46 · 1002 阅读 · 1 评论 -
来搭建一个小程序(菜鸟福利)
前言: 分享一下搭建小程序的详细方法。目录:操作步骤:第一步:肯定是安装小程序的开发工具,微信开发工具 官方入口1、双击安装包,点 下一步 -》我接受 -》改地址,安装 -》完成 -》微信扫码 -》这里就安装完成了,最后展示就是我们的开发工具的界面2、点击加号,可以看到这里是可以创建小程序的,还有小游戏,创建流程信息都是一样的,这里有一个必须的 AppID ,请继续看第二步:是扫描微信官网,注册账号,并获取开发小程序项目必备的appid1、百度搜...原创 2021-03-29 14:51:12 · 260 阅读 · 2 评论 -
小程序使用分包整体大小可达到20M
前言:(*方法与解释均摘取官方) 小程序因为体型太小是不支持打包下来特别大的,最新官方支持的总包是20m,单个文件包是2m.官方入口:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html目录:分包加载使用分包配置方法打包原则引用原则低版本兼容示例项目独立分包配置方法限制注意事项低版本兼容分包预下载配置方法限制分包加载微...原创 2021-03-29 13:46:59 · 2826 阅读 · 0 评论 -
小程序中使用echarts
原文链接:https://www.jianshu.com/p/a2ab21bc7e9e平时经常在web系统中使用折线图、柱状图、仪表盘等等等图表展示数据,在浏览器页面中我们为了方便经常使用echarts,官网教程也写的很清楚。但是在微信小程序中我们同样有这种需求,那么如果直接用canvas,那么久太麻烦了,说不定一个折线图画一上午!,所有瞬间就会想到echarts等框架,但是echarts官网没有小程序版,不过!!!已经有人在github发布echarts的小程序版本了。。感谢大神分享。首先,下转载 2021-03-29 10:03:12 · 2731 阅读 · 2 评论 -
前端小程序面试题(三)
10. 怎么解决小程序的异步请求问题小程序支持大部分ES6语法在返回成功的回调里面处理逻辑 Promise异步11. 小程序关联微信公众号如何确定用户的唯一性如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的12. 如何实现下拉刷新...原创 2020-11-23 16:52:00 · 401 阅读 · 0 评论 -
前端小程序面试题(二)
6. 小程序的生命周期函数onLoad页面加载时触发。一个页面只会调用一次,可以在onLoad的参数中获取打开当前页面路径中的参数 onShow()页面显示/切入前台时触发 onReady()页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互 onHide()页面隐藏/切入后台时触发。 如navigateTo或底部tab切换到其他页面,小程序切入后台等 onUnload()页面卸载时触发。如redirectTo或navigateB...原创 2020-11-23 16:51:14 · 289 阅读 · 2 评论 -
前端小程序面试题(一)
首先说一些为什么总结小程序相关的面试题吧我们可以随便打开一个招聘网站,在那里你会发现市场对于小程序的需求还是蛮高的,有些公司可能就只需要写小程序的前端人员虽然小程序的开发很大一部分都是很简单的,但是有些常用的东西还是有必要了解一下的。故此,有了这样一篇小程序面试题的总结。当然感兴趣或者有需要的小伙伴也可以点击这里,查看完整版前端面试题如果文章中有出现纰漏、错误之处,还请看到的小伙伴留言指正,先行谢过以下 ↓1. 简单描述下微信小程序的相关文件类型微信小程序项目结构主要有四个文件类型.原创 2020-11-23 16:46:02 · 2731 阅读 · 3 评论 -
微信获取手机号提示该appid没有权限
前言: 在做获取用户手机号的时候遇到的,wx.login这个方法调用以后,直接失败,提示我没有权限,然后查了资料才知道是 个人账户是没有权限的,只有企业用户可以报错信息(摘自百度图)相关资料:(官网入口)获取手机号获取微信用户绑定的手机号,需先调用wx.login接口。因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用button组件的点击来触发。注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨...原创 2020-10-30 15:45:58 · 7095 阅读 · 3 评论 -
小程序组件和组件的嵌套之间的通信
前言: 小程序中组件嵌套比较频繁的情况下,比如两个都是自定义组件,他们直接的嵌套通信应该如何做呢,小程序官网提供了这样的一套方法(注:摘自官网,官网入口)组件间关系定义和使用组件间关系有时需要实现这样的组件:<custom-ul> <custom-li> item 1 </custom-li> <custom-li> item 2 </custom-li></custom-ul>这个例...原创 2020-10-29 15:53:39 · 1194 阅读 · 2 评论 -
小程序navigateTo与redirectTo,跳转页面报错:fail webview count limit exceed
前言: 小程序中涉及跳转页面报错:fail webview count limit exceed。目录:报错信息:报错原因:官方介绍navigateTo:解决方法:官方介绍redirectTo:报错信息:报错原因:官方介绍navigateTo:wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用wx.navigateBack可以返回到原页面。小程序中页面栈最多...原创 2020-10-29 13:51:08 · 9435 阅读 · 0 评论 -
小程序的页面/组件的生命周期
小程序的页面生命周期与组件生命周期原创 2020-10-28 16:48:40 · 1449 阅读 · 0 评论 -
微信小程序中的热启动和冷启动,以及我们在不同启动里面调用方法
前言: 在使用小程序的时候发现微信小程序在退出后,一段时间里会有缓存问题,所以整理下相关资料,以及我们使用事件的方法。小程序的冷启动和热启动: 冷启动:如果用户首次打开,或小程序销毁后被用户再次打开,此时小程序需要重新加载启动,即冷启动。 热启动:如果用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时小程序并未被销毁,只是从后台状态进入前台状态,这个过程就是热启动 对应的方法:冷启动:在这里面调用的方法,当小程序被创建,也就是冷启动时会调用onL...原创 2020-10-28 16:26:40 · 5345 阅读 · 0 评论 -
微信小程序调用腾讯地图,获取当前位置得到数据有偏差以及不同软件,不同坐标之间的转换Gcoord
前言: 在微信小程序中调用腾讯本家地图后,发现有偏差,而且距离还不小,在找了很多资料后,发现网上的资料很多都是挂羊头卖狗肉,都是坐标轴之间的互转,比如腾讯的坐标和百度坐标之间的转换,还起的名字是解决小程序的偏移问题。被误导了很久,也找了很多资料,正好把这方面都了解清楚,然后在整理下来。目录:第一部分: 不同软件,不同坐标之间的转换Gcoord 官网入口1、安装:通过npm安装:或者直接在页面中引入:(可以新建一个js文件,然后把这个地址的js直接复制进去)2、引入:(...原创 2020-10-27 11:34:01 · 2534 阅读 · 0 评论 -
小程序获取后台数据方法封装
前言: 实际再很早之前就有想再小程序里面做和vue中的axios封装的方法的操作,现在终于可以把自己的理解和整理封装整理下。目录:实现步骤:1、目录结构,总共两个文件,http.js是对 wx.request 和wx.uploadFile 的封装,可以实现普通请求后台和上传请求后台的调用2、具体文件代码:(1)http.js源码:(2)index.js 定义你的调用方法源码:3、封装后以后。我们在页面的调用实现步骤:1、目录结构,总共两个文件,h...原创 2020-10-26 19:28:45 · 2074 阅读 · 0 评论 -
小程序里的alert,Toast
前言: 在小程序中的弹框写法和我们在外面直接用是不一样的,他不支持alert,但是有替代的弹框组件目录:一、原生小程序:原生小程序api:二、vant中的提示框(官网入口)vant-api:一、原生小程序:wx.showToast({ title: '签到成功', //弹框内容 icon: 'success', //弹框模式 duration: 2000 //弹框显示时间})原生小程序api:wx.showTo...原创 2020-10-23 13:44:05 · 6984 阅读 · 2 评论 -
小程序的父子之间的传值调用
前言: 我们在小程序中父子组件之间的传值方法。目录:父传子 :properties步骤:1、在父组件 index.wxml里面给调用子组件的地方绑定一个字段map2、在父组件 index.js中定义字段map,并用this.setData改变这个值3、在子组件 map.js中定义properties接收我们绑定的值4、在子组件 map.js中通过this.data.map调用properties的字段子传父:triggerEvent步骤:1、在子组件 ...原创 2020-10-22 14:30:12 · 873 阅读 · 2 评论 -
微信小程序的组件间三种传值方式
前言: 小程序直接的传值第一种:全局传值// 步骤一:在全局app.js文件中定义数据App({ globalData: { userInfo: null, userName: '全局变量传值', }})// 步骤二:获取应用实例,不然无法调用全局变量const app = getApp()// 步骤三:调用全局变量Page({ data: { }, onLoad: function (options) { con...原创 2020-10-21 18:18:07 · 3543 阅读 · 0 评论 -
微信小程序map作为子组件时定位,移动等功能报错
前言: 在使用小程序的腾讯地图时发现一个问题,map这个组件作为单独一个页面的时候是没有问题的,但是,如果作为子组件的时候,效果就出不来,而且所有的方法,比如定位,移动等都会报错失效。目录:失败代码(单独组件是成功代码,作为子组件失败):正确代码:对比不同:使用wx.createMapContext增加了额外的参数this官方解释:入口相关api文档:失败代码(单独组件是成功代码,作为子组件失败): /** * 生命周期函数--监听页面加载 *...原创 2020-10-20 18:51:42 · 1060 阅读 · 0 评论 -
小程序上传图片wx.uploadFile用法
前言: 小程序的上传和我们开发其他项目是不一样的,这里说一说他的用法。使用步骤:1、这里默认开发环境,并且默认不校验https,部署好环境 设置-》项目设置-》勾选2、页面添加事件方法,这里核心方法是两个,一个是wx.chooseImage是获取图片,一个是wx.uploadFile是上传图片//选取图片wx.chooseImage({ count: 1, sizeType: ['original'],//原图 ...原创 2020-10-20 15:44:15 · 45702 阅读 · 12 评论 -
wx.uploadFile,formData携带的表单参数传不到后台
前言: 在使用小程序的上传文件时,老是报错拿不到formdata的数据,最后结局很美好,解决问题了,记录下。报错情况:1、开发环境下报错:uploadFile:fail createUploadTask:fail url not in domain list解决办法:设置-》项目设置-》勾选不校验...2、将formdata上面的name值改成后台提取form图片的字段,比如。我这里就是images,官网入口3、作为测试,定义不同类型的字段,或者直接使用你需要的字...原创 2020-10-20 15:25:38 · 3683 阅读 · 0 评论 -
小程序中实现拍照,自拍功能
前言: 小程序中实现自拍功能,拍照功能。官网入口目录:实现效果:实现步骤:1、index.wxml,我这里是用了vant的框架,如果不想要,直接把里面的camera和底下的button拿走使用2、index.js部分(1)data部分(2)拍照功能和打开弹框功能,如果没有使用vant,只用第一个就够用了配置的api参考文档:实现效果:(小程序开发模式下无法查看,必须真机调试手机上才可以看效果,底下这个是自拍效果)这里使用的是camera是实...原创 2020-10-16 14:44:55 · 6302 阅读 · 2 评论 -
Maximum call stack size exceeded
前言: 小程序探究之路报错显示:报错原因:这个意思是: 超出最大调用堆栈大小。 我这里是调用了腾讯的地图,然后排查各种情况,最后发现是我再注册的时候,直接用了map这个名字,但是实际上。我们调用腾讯接口用的也是map的标签。错误代码:1、调用界面index.wxml2、app.json注册我自己的map组件用的名字也是map解决办法:重新起名 将app.json里面的map,和index.wxml里面的map改成 b-map...原创 2020-10-16 14:17:57 · 1815 阅读 · 2 评论