qq_36742720的博客

开发的小程序， 遇到了一个问题。登录接口已经调用成功， 但是页面没有调转。 上次写的页面同过 wx.navigateTo 就跳转成功了。这次试了 wx.navigateTo 和 wx.redirectTo ， 结果都没有管用。1、 我检查了， app.json 里面， 结果看到页面注册了。2、也检查了 url 路径， 也是正确的。3、控制台，没有报错。 所以很恼人。去官方文档寻找...

canvas的scales（-1,1）无法实现左右翻转,在真机Android和开发工具上都是没问题的，在真机ios上没反应。原因是因为： 在ios端中scale 里不能传负数，传了-1也会当成1官方至今也未给出相关的支持方式。该怎么办呢，下面推荐一个在微信开放平台中一位大佬提供的方式：https://developers.weixin.qq.com/s/dp1VOKmY7b3m...

在当前页面的 onUnload 执行页面跳转 onUnload: function () { wx.reLaunch({ url: '../logs/logs' }) },代码讲解：监听页面卸载的函数，把页面重定向到指定的 页面； 原文链接：https://blog.csdn.net/qq_35713752/article/details/82...

项目需要做了一个图片拖动指定组件上删除，和排序的功能android测试正常， ios会出现拖动图片页面也跟着下滑的尴尬情况。 查文档下拉刷新配置默认是关闭的，后经查找文档发现在本页面page.json 配置项可通过{ "disableScroll":true}来禁用页面下拉滚动 不可在全局配置 app.json中配置disableScroll设置为 true 则页面整...

微信小程序 路由wx.navigateTo：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。代码： wx.navigateTo({ url: 'test?id=1' }) //test.js Page({ onLoad: function(option){ con...

添加mode属性<image class="empty-icon" src="/pages/image/list-emptyx2.png" mode="widthFix"></image>mode 有效值：mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。原文链接：https://blog.csdn.net/qq_40095973...

在项目中需要给一个view标签动态的设置高度首先，先通过调用wx.getSystemInfo获取设备信息可以获取的信息如下图 wx.getSystemInfo({ success: function(res) { console.log(res.model) console.log(res.pixelRatio) console.log(res.win...

小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现：1.scroll-view 中的需要滑动的元素不可以用 float 浮动；2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的；3.scroll-view ...

新的一天又来啦，最近这些天一直是阴雨连绵的，也是醉了，不过还好今天终于可以看到灿烂的阳光了，现在这种温度，最喜欢站在太阳下晒着太阳，身上暖暖的，心情也会好很好，o(￣︶￣)o好啦，不扯这些闲篇了，进入正题吧，今天分享下 canvas.save()和canvas.restore()状态的保存和恢复使用方法及实例canvas.save()用来保存先前状态的 canvas.restore...

首先肯定是阅读咱们的官方文档。https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html这里官方提供了3个生成小程序二维码的接口，首先，来解释下生成二维码形状的差别：通过postman测试，发现，接口A和接口B生成的是圆形二维码，而接口C生成的是方形二维码。并且，接口A和接...

1、第一步下载好你的.tff文件。(这里我有下载好的液晶字体：https://pan.baidu.com/s/1jgv5jU5lmiKUAAa2Ejm4vw 提取码：hcso )2、打开http://transfonter.org/这个网站，打开网站后如同以下操作。3、打开下载后的文件，将.css文件中的内容全部复制。4、打开自己的小程序，将你刚复制的内容往.wcss中黏贴。...

紧接着原来的项目，在https://blog.csdn.net/qq_36742720/article/details/84307572之后，发现自己在图片旋转后生成图片这里卡了壳，遂在网上寻求方法。好在功夫不负有心人，找到了一个特别好用的插件，一下省了我很多事情，这里给大家推荐：插件下载地址：https://github.com/yuanwyj/Mini-Program-cropper另...

小程序SetData同步还是异步刚进新公司不久,学了几天小程序,由于之前是用React的,所以学起来相对轻松,但是也有许多不同,不明白的点.问题 React中,this.setState是异步的,改变state之后是不能立马获取到改变之后的值的.this.setState({    name:'zhang'})console.log(this.state.name);//不能立...

最近在研究小程序生成图片分享功能，感觉那些能够自动生成图片的小程序特别炫酷，特别牛X。但是当你仔细学习下canvas时，发现也就那么回事~.wxml<canvas canvas-id="shareCanvas" style="width:300px;height:600px"></canvas>.jsPage({ /** * 页面的初始数据...

又是一波干货~.wxml<view class='more' bindtap='saveImageToPhotosAlbum'>保存图片</view> <canvas canvas-id='share' style='width:100vw;height:90vh;' hidden='{{canvasHidden}}'></canvas&...

一波干货.wxml<!--scale.wxml--><view class="container"> <view class="tip"> <text>scroll-view子元素缩放</text> <text>说明：双指缩放开发工具上并不支持，需要在真机上进行。 &am

微信小程序暂不支持绑定双击事件，要想实现双击事件，只能通过我们写代码判断用户点击是否是双击行为，主要的技术点就是：记录下用户两次点击的时间戳，两个时间戳相减如果小于300毫秒，则是双击事件。具体代码如下：.wxml<button data-time="{{lastTapTime}}" data-title="标题" bindtap="doubleClick">双击<...

选择图片视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片.wx.chooseImage({})此方法是用来选择图片的方法,具体使用如下:data: { avatarUrl:null },首先在数据中定义接收数据的变量，然后调用方法选择图片，将图片显示出来。bindViewTap:function(){ var that = ...

一、前言最近在学习微信小程序开发，半个月学习下来，很想实战一下踩踩坑，于是就仿写了一个阿里妈妈淘宝客小程序的前端实现，过程一言难尽，差不多两周时间过去了，发现小程序的坑远比想象的要多的多！！在实际练手中，完全是黑盒的，看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码，查看究竟，看看大厂的前端大神们是如何规避了小程序的各种...

在具有tabbar的页面中，倘若你要实现tabbar中的页面跳转（并不是跳转到此tabbar页面外的其他页面），使用wx.redirectTo或wx.navigateTo是实现不了的。这里我们要使用另一种跳转方式wx.switchTab来实现。 ...

由于微信版本的限制导致小程序的某些功能无法正常使用，这是，我们就需要通过手写代码来判断用户当前的微信版本是否是最新版。在微信公众平台官方API中给我们提供了这样的几种方式https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html这里我选择了这一种并下载了旧版本微信进行了测试。确实是可...

刚刚遇到一个需求是，在自己的小程序中打开一个意见反馈的链接，这个意见反馈功能借助了腾讯提供的意见反馈平台----吐个槽。一开始使用的是web-view嵌入相关链接https://support.qq.com/products/xxxxx，但是，这毕竟是腾讯的域名，在配置业务域名时行不通。这时，就可以使用跳转到其他小程序的方式进行处理。这里我们要打开的另一个小程序是：吐个槽社区。 第...

能够获取天气的开放平台有很多，比如高德地图、百度地图、YY天气等，这里我们主要讲述一下调用百度API实时获取天气的方式。首先，需要在百度地图开放平台（http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key）上注册一个账号（已 有百度账号可不用注册，可以直接使用你的百度账号进行登录），接着根据其步骤申请成为百度开发者、获取密钥。获取...

微信小程序项目发布上线后，如何进行更新版本呢？首先，你需要将新版本的项目代码上传提交审核，审核通过后进行项目的二次发布。但是，我们发现，新项目发布之后，用户使用依然是老版本，这是因为在微信中有旧版本的缓存。要想用户用上新版本，只能通过提示用户在发现-小程序入口中将旧版小程序删除，然后重新搜索小程序。 这种方式一针见血，但是用户体验极差。于是在网上搜索了解决办法，代码如下：...

首先，需要在.json文件中设置"enablePullDownRefresh": true,就是启用页面的下拉刷新功能，如果你想在项目中的所有页面中都设置，那么在app.json中放入这句代码即可。设置好了.json文件后，接下来是.js文件，需要添加一个  onPullDownRefresh事件监听页面下拉，即添加如下代码： //下拉刷新 onPullDownRefresh:...

首先，需要在你的html页面中引用一个js文件。<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>然后为你的按钮标签注册一个点击事件：    $(".kaiqi").click(function(){        wx....