[其它] 微信小程序 this和that详解及简单实例

说明：微信小程序中，在wx.request({});方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。原因是，在javascr ipt中，this代表着当前对象，会随着程序的执行过程中的上下文改变，在wx.request({});方法的回调函数中，对象已经发生改变，所以已经不是wx.request({});方法对象了，data属性也不存在了。官方的解决办法是，复制一份当前的对象，
<weixin_38513669> 上传 | 大小：37kb

[其它] 微信小程序入口场景的问题集合与相关解决方法

说明：前言 最近一段时间都在做小程序。 虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。 这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。 所以这里整理一下微信小程序的各个入口场景，以及从这些入口场景进入小程序会面临的问题以及解决方案。 这里只列出常用的几种场景： [简单场景]启动小程序并进入 [简单场景]退出重进（启动小程序后，退出小程序，再次进入小程序） [简单场景]退出重进首页（启动
<weixin_38571453> 上传 | 大小：89kb

[其它] 微信小程序实现左右列表联动

说明：本文实例为大家分享了微信小程序实现左右列表联动的具体代码，供大家参考，具体内容如下 效果图： 直接上代码： wxml界面: 分类 /品牌 搜索商品 <scrol
<weixin_38704565> 上传 | 大小：178kb

[其它] 微信小程序使用map组件实现解析经纬度功能示例

说明：本文实例讲述了微信小程序使用map组件实现解析经纬度功能。分享给大家供大家参考，具体如下： 声明 bug： 页脚的详细地址在真机测试是会出现不显示问题？ 造成原因：在小程序map组件的同一区域，map组件的视图层比普通的文本视图层要高，所以在真机会遮挡！ 解决办法：将该文本视图采用cover-view，放在map中。 感谢： 感谢Lrj_estranged指出问题！ 效果图 实现原理 1. map组件实现定位标记或者指定定位标记，并保存location。 2. 采用高德地图微信小程序开发API
<weixin_38705014> 上传 | 大小：63kb

[其它] 微信小程序自定义底部导航带跳转功能

说明：本文实例为大家分享了微信小程序实现底部导航带跳转功能的具体代码，供大家参考，具体内容如下 index.wxml <image class=footer-image hidden='{{curIdx===index}}'
<weixin_38624315> 上传 | 大小：55kb

[其它] 微信小程序中上传图片并进行压缩的实现代码

说明：小程序上传图片要先了解他其中的各个属性值，在https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html内有详细的介绍 今天在这里主要来讲下如何去上传图片并进行压缩，了解下以下属性值 先来看下页面展示（点击上传图片，从相册中选择，上传完图片后又点了一次上传） 来来来，上代码 wxml代码 上传图片 保存 <canvas style=width: 30
<weixin_38642864> 上传 | 大小：77kb

[其它] 微信小程序实现弹出菜单功能

说明：需求 点击标签栏按钮，向下弹出菜单，再次点击，收回菜单 要解决的问题 标签栏三栏样式，标签栏固定不动； 点击标签栏弹出菜单，并且出现透明遮罩； 遮罩优先级在弹出框之下； 弹出框内标签的设置； 滚动栏滚动条的隐藏 如何解决？ 弹性布局，横向，三者平分整栏; 状态监听点击事件，数据控制hide或者show,通过rgba设置透明度 弹出框设置z-index； 弹性布局flex 横向排列 超出后wrap 然后space-around控制间距 ::-webki
<weixin_38625184> 上传 | 大小：86kb

[其它] 微信小程序实现人脸识别

说明：本文为大家分享了微信小程序人脸识别的具体代码，供大家参考，具体内容如下 首先，我们要有开发者工具，今天所说的是后端和前端联合起来实现的。 在PHP的控制器中写一个upload方法，代码如下： public function upload($id=''){ if(empty($id)){ return false; } $no = M(student)->where(id={$id})->getField('no'); $dir = ./Upload/studentfa
<weixin_38697274> 上传 | 大小：58kb

[其它] 微信小程序自定义组件

说明：前言 最近接触微信小程序，再次之前公司用的前端框架是vue ，然后对比发现，开发小程序是各种限制，对于开发者非常不友好。各种槽点太多，完全吐槽不过来，所以在此不多说，打算下次专门写一篇文章吐槽一下。本次主要分享下小程序自定义组件的一点思路，小程序官方提供的框架比较简陋，原始，可复用较差，没有实现自定义组件的功能，这让很多使用vue ,react前端开发非常难受。网上存在各种吐槽，也有分享实现自定义组件的方法，但是要么过于复杂，要么是微信小程序升级之后就不兼容，反正是各种坑你没商量。在这分享下本
<weixin_38534683> 上传 | 大小：52kb

[其它] 微信小程序开发之toast等弹框提示使用教程

说明：介绍 微信小程序中toast消息提示框只有两种显示的效果，就是成功和加载，使用wx.showToast(OBJECT) 。 看下有关参数说明： 代码很简单： wx.showToast({ title: '成功', icon: 'succes', duration: 1000, mask:true }) mask属性好像并没有起作用。有一点值得注意的是提示的延迟时间是有限制的，最大10000毫秒。 还有一个函数是wx.hideToast() ，这个是隐藏toast
<weixin_38711740> 上传 | 大小：165kb

[其它] 微信小程序实现左右联动的实战记录

说明：前言 最近在学习小程序，实现了左右联动的功能，记录一下思绪，方便以后参考。 最终的界面如下, 点击左边任意一个项目，右边会跳到相应项目的起始位置，右边滑动，左则会跳到相应的位置。 　 实现思路 在这里，右则每一项的高度都是固定的，方便定位当前滑动距离在哪一个大项（左则）里。右则的 scroll-view 使用了一项关键的属性：scroll-into-view，这个属性用来确定 scrollTop 的值的，当 scroll-into-view 的值和 scroll-view 里面的元素的id的值
<weixin_38534444> 上传 | 大小：134kb

[其它] 微信小程序实现卡片层叠滑动效果

说明：本文实例为大家分享了微信小程序之卡片层叠滑动效果的具体代码，供大家参考，具体内容如下 代码： js： // index/gun/jsSwiper2/jsSwiper2.js Page({ /** * 页面的初始数据 */ data: { startX: 0, endX: 0, iCenter: 3, datas: [{ id: 1, zIndex: 2, opacity: 0.2, left: 40, iamge: ../../images/1.jpg,
<weixin_38692184> 上传 | 大小：90kb