页面代码 <swiper class="container" indicator-dots="{{indicatordots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" bindchange='onSlideChange' > <block wx:for="{{imgList

纯手写,踩了半天多的坑干出来了... 网上也有对于阿里云如何在微信小程序里使用,但是很不全,包括阿里云文档的最佳实践里. 话不多说上代码了. upvideo(){ var aliOssParams = util.aliOssParams();//主要是获取上传阿里云的加密策略policy和签名signature;以及上传自己要上传到阿里云的地址,当然还有自己阿里云accessid. //上传视频到阿里云 var that = this; wx.chooseVideo({ maxDuration:

在开发微信小程序过程中,在微信开发者工具上,七牛云的图片都可以展示出来,但是在真机上,七牛云的图片却展示不出来,也没有报404找不到或者不能加载图片的问题, 必须保证: 1.图片是用image加载的: 2.图片的url里面没有中文: 3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg(建议全部为png) 4.域名已备案: 5.图片名称没有空格

一般在列表页面 会先加载一定数量的数据 触发上拉加载这个动作的时候再陆续加载数据 假如上拉一次加载10条数据 在小程序中 你快速滑动页面触发加载这个事件的话 你会发现小程序卡着不动了 刚开始以为数据加载完了 仔细研究发现 快速滑动页面的时候 有时候是不会触发onReachBottom这个事件的 只要一次不触发 就必须下拉刷新过后才能再触发该事件 网上搜集资料后发现: 小程序的 onReachBottom 事件不能在350ms之内频繁触发 也就是说它有350ms的频率限制 我自认为目前最好的解决方

嗨,大家好!经过近两周的精心准备终于开始微信小程序电商实战之路喽.那么最终会做成什么样呢?当然可以肯定不会只做一个静态demo哦,先把我们小程序电商实战的整体架构发出来晒一下,请看下图:   架构图.png 好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图.gif 为了能够更好的表达出来,首页准备分成两次写完. 第一部分先实现如下的功能   Hi.World-home_top.gif 划分模块 大家都知道电商平台一般分为首页.商品分类.购物车和个人中心4个核心模块,那么我们先在app.j

1.上拉加载失效 问题背景:部分页面上拉加载失效.当使用flex布局,底部固定,中间采用自适应撑满全屏实现滚动时,发现上拉加载失效,不知道是什么原因. 解决问题: 在小程序中,官方为我们提供了原生的下拉刷新和上拉加载,只需要进行简单的配置即可实现下拉刷新的功:onPullDownRefresh.onReachBottom 除此之外,还可以使用 scroll-view 组件来实现这两个功能,利用scroll-view的bindscrolltolower.bindscrolltoupper事件 <s

微信小程序官方文档有说明,disable-scroll="true" 可以阻止页面下拉和滚动.这里有个坑,disable-scroll在真机上如果要生效,那么要给canvas绑定一个触摸事件才能生效. 必须绑定三个事件真机才能捕获到 <canvas disable-scroll="true" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchen

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

先说说我自己吧,二线城市(以外包为主)的小程序员,工作多年了,月收入5-6K.主要从事asp.net web网站开发,java,c++,php,ruby都懂一些,属于那种对问题不求甚解型,爱好电脑游戏,不喜欢外语,所以浪迹多年,先后在7.8个公司干过,到现在还只能是个小程序员,亲朋好友都劝过我一定要把外语学好,我也有过热情,最后都不了了之.往事不堪回首,算了,说说正题吧. 今年三月份,公司没什么活干,一天无所事事,萌生利用这点时间捞点外快的想法,我很久前就关心过移动开发,html5,flex,a

在项目开发过程中,组件是微信小程序提供给我们的一个分页器,一般滑动到底部时会触发scroll事件,scroll事件中往往包含对后端数据的请求:若是还未滑动到底部时频繁触发事件,则会频繁发请求,达不到想到的分页效果. 先来说说的用法: <scroll-view scroll-y="true" style="height:{containerHeight}px" lower-threshold="300" on-scrolltolower={t

这个需求我遇到过2次.一次是在识别二维码后跳转到其它页面,另一次是识别二维码后进入到生成小程序码的当前页面. 我有一个梦想,就是成为一名黑客!!!!!! 小程序中js wx.request({        url: '',        method: 'POST',        data: {        ModuleName: "",    //空间名 接口文档里每个接口会有标明 必填        MethodName: "GetQrCode",   

节点信息查询 API 可以用于获取节点属性.样式.在界面上的位置等信息. 最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置. 示例代码: const query = wx.createSelectorQuery() query.select('#the-id').boundingClientRect(function(res){ res.top // #the-id 节点的上边界坐标(相对于显示区域) }) query.selectViewport().scrollOffs

在页面上要加入一个悬浮的按钮,这个按钮需要可以拖动,在元素中使用catchtouchstart,catchtouchmove,catchtouchend来控制悬浮按钮的拖动,但是在ios系统中,微信小程序的页面会有个默认的下拉和上滑动画,这时只需要将该页面的json文件中加入 "disableScroll": true   就可以了

本例从微信小程序的组件扒下来的. WXML: <view class="weui-cell"> <view class="weui-cell__bd"> <view class="weui-uploader"> <view class="weui-uploader__hd"> <view class="weui-uploader__title">点

silk v3(或新录音接口mp3)录音转olami语音识别和语义处理的api服务(ubuntu16.04服务器上实现) 重要的写在前面 重要事项一: 所有相关更新,我优先更新到我个人博客中,其它地方的文章属于本人或他人转发,不一定及时同步.原文链接是: http://www.happycxz.com/m/?p=32 重要事项二: 目前本文中提到的API已支持微信小程序录音文件格式:silk v3.mp3. 注:微信小程序开发工具上的录音不论是新接口还是老接口,都是webm/base64格式,虽

最近在开发一个小程序项目时,碰到一个问题, 在一个多条件单项选择中,为选中条件添加一个选中状态,选中状态为灰色背景,但是这个背景要用到背景图片 大家都知道在小程序 中wxss是无法读到本地图标资源,只能使用外部链接和base64, 这俩种方法都不适合我们开发的时候使用, 但是却可以在wxml中使用style="background-image: url(../../images/workingMode/pattern-ac.png);"方法 然后通过条件判断来控制是否渲染 但是在小程序

WXML: <view class="weui"> <view class="weui-uploader"> <view class="weui-uploader__files"> <block wx:for="{{imageList}}" wx:for-item="image" wx:for-index='idx'> <view class="

tab.wxml: 全部 中奖 未中奖 全部 中奖 未中奖 tab.wxss: .swiper-tab { width: 100%; border-bottom: 2rpx solid #ccc; text-align: center; height: 88rpx; line-height: 88rpx; display: flex; flex-flow: row; justify-content: space-between; } .swiper-tab-item { width: 30%;

scroll-view 中的需要滑动的元素不可以用 float 浮动:

最近在完善以前项目,类目增多,需要进行横向滑动 实现方法1 可以在外盒子scroll-view使用white-space: nowrap来禁止子盒子换行,子盒子使用display: inline-block形成行内块级元素 实现方法2 使用flex布局的display: flex来进行左浮动,但不要放在外盒子scroll-view的类上面,会失效,所以在里面再建一层盒子 这里有个问题,当为列表的每个盒子设置宽度的时候,效果也会失效 所以得转换一下,将width转换成max-wdith和min-w