先看看大概效果 1.首先需要了解微信API:          wx.createIntersectionObserver(Object component, Object options) 创建并返回一个 IntersectionObserver 对象实例.在自定义组件或包含自定义组件的页面中,应使用 this.createIntersectionObserver([options]) 来代替 具体可以看微信小程序文档 2.由于我们这个区域是一个滚动区域,所以我用了scoll-view,最外层

概述 这是我开发微信小程序遇到的坑中的一个,专门记录下来,供以后开发时参考,相信对其他人也有用. scroll滑到指定位置,有两种解决方案,一种是用scroll-view标签,另一种是用wx.pageScrollTo这个api. 用scroll-view标签 这个标签适合于屏幕内的小范围滚动和锚点滚动,分别通过scroll-top和scroll-into-view这两个标签属性来实现.注意这是标签内属性,所以需要动态改变的话,就需要用this.setData动态设置scroll-top和scro

众所周知,微信小程序对下载的文件大小有限制,目前是最大支持10M.我们在用去水印小程序保存视频的时候,如果遇到长视频,视频大小可能就超过限制.遇到这种情况,我们如何才能把视频保存到手机相册呢? 首先,如果你用的是Android手机就会很幸福,因为Android系统比较开放,不像苹果系统比较封闭.Android手机用户只需要把去水印小程序解析之后的视频地址复制到浏览器打开,就能下载保存了,常见的安卓手机上的QQ浏览器.UC.Chrome浏览器都可以. 再说苹果系统,苹果系统和安卓系统操作步骤一样,

小程序自定义音频组件,带滚动条 摘要:首先自定义音频组件,是因为产品有这样的需求,需要如下样式的 而微信小程序API给我们提供的就是这样的 而且产品需要小程序有后台播放功能,所以我们不考虑小程序的 audio 组件,即使官方推荐更强大的  wx.createInnerAudioContext 但是不符合需求,所以这里用到的是 backgroundAudioManager() https://developers.weixin.qq.com/miniprogram/dev/api/getBackg

左滑删除效果在app的交互方式中十分流行,比如全民应用微信 微信左滑删除 再比如曾引起很大反响的效率app Clear Clear左滑删除 从技术上来说,实现这个效果并不困难,响应一下滑动操作,移动一下组件,再加上些坐标计算,状态记录就可以了.也有一些文章介绍了在小程序上如何实现这一效果,不过我基本可以确定这些开发者没有在真机上详细测试,因为经我实践发现,在小程序上想要完美实现这个效果几乎是不可能完成的任务. 这一切要从小程序的事件机制说起.对于滑动类操作,小程序提供了bind和catch两种响

实现效果 列表中侧滑删除 删除不同时存在 scrollview上下滑动与侧滑删除不影响 uni-app实现 html部分 <template> <scroll-view :scroll-y="isScroll" :style="{ height: windowHeight + 'px' }"> <block :key="index" v-for="(item, index) in dataList"

给商品列表页面添加一个上滑触底加载下一页的效果,滚动条触底之后就发送一个请求,来加载下一页数据, 先在getGoodsList中获取总条数 由于总页数需要再另外的一个方法中使用,所以要把总页数变成一个页面全局参数. 数据请求回来,要对data中的数组进行拼接,而不是全部替换,如果你把新的数据替换原来的数据,那么上一页的数据就没有了,所以不能够直接赋值,故要对data中的数组进行拼接,而不是全部替换, 输入wx-showToast

说明 图片/视频这类文件是从客户端会话选择文件. 一.wxml文件添加if切换显示 <!--上传文件到云存储--> <button bindtap="chooseImg" type="primary" >上传单张图片</button> <button bindtap="chooseVideo" type="primary" >上传单个视频</button> <v

锲子 微信小程序自定义左滑功能加上跳转,换成以往,左滑功能的逻辑一般是在js中实现,但在拖动方面,性能并不是那么的流畅.如今,官方新扩展了一套脚本语言wxs,在IOS设备上运行,性能会比JS快2~20倍,至于安卓上运行效率无差异. 构思 结合wxs,做左滑功能主要分为三个步骤:拖动开始=>拖动中=>拖动结束 让我们看看,这三个步骤需要做好哪些工作? 拖动开始 获取触发事件点的坐标数据 将坐标数据存到组件中,“拖动中”和“拖动结束”这两步骤要用上 拖动中 拿到拖动开始时存储的坐标数据 获取每一个

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467

什么是微信小程序? 今年下半年的时候,微信推出了微信小程序,当然刚刚推出来的时候还是处于内测阶段,但是这并不影响这家伙的热度,也许这是一个新的时代的开启.但是什么是微信小程序呢?微信应用号是一个app推广的平台,微信将它命名为"小程序",用户只要关注了这个应用号,就可以相当于一个app一样,就可以免去用户进行下载和卸载软件的困扰,同时还可以免去软件占用手机的资源. 微信小程序能做什么? 回答这个问题,那得到开发文档上去看看了.http://bing.aliaii.com/wxopen/

1.小程序介绍 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用.也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题.应用将无处不在,随时可用,但又无需安装卸载. 2.学习资料的推荐 官方文档: https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474643026176 开发工具: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/d

这段时间抽空研究了下直播技术,综合比较了下腾讯云直播的技术和文档方面最齐全,现把一些技术资料和文档归集如下: 1.微信小程序移动直播入门导读 https://cloud.tencent.com/document/product/454/12517 微信在 2017 下半年的版本中,开始集成移动直播 SDK 到小程序解决方案中,并通过 <live-pusher> 和 <live-player> 两个标签,封装 LiteAVSDK 的 TXLivePusher 和 TXLivePlay

微信小程序--基于ColorUI构建皮皮虾短视频去水印组件(仅供学习使用) 没错,我是皮友,我想学习舞蹈(/doge)和瑜伽 ,要无水印的那种有助于我加深学习. 1.组件效果展示 2.组件引入准备 https://spider.apisev.cn加入合法request域名列表 如果需要下载视频功能的话,把http://v6-ppx.ixigua.com加入downloadFile合法域名列表 样式基于colorui,请在全局或者组件样式文件内引入colorui 3.组件引入并使用 组件建议在一个

1.概述 本文来自腾讯视频云终端技术总监rexchang(常青)技术分享,内容分别介绍了微信小程序视音视频和WebRTC的技术特征.差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebRTC互通的实现思路以及技术方案.希望能带给你启发. 学习交流: - 即时通讯开发交流3群:185926912[推荐] - 移动端IM开发入门文章:<新手入门一篇就够:从零开发移动端IM> (本文同步发布于:http://www.52im.net/thread-1988-1-1.html) 2.关于

微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 传送门 小程序的页面拦截 当页面点击右下角的小图标后,触发showMain()事件,跳转到mine.wxml,展示个人信息页面,点击做下表的小房子跳转到视频首页 <!-- 我的按钮 --> <cover-image class='' src='../resource/images/mine.

微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 传送门 用户上传视频 用户选择视频->打开选择bgm->选择/不选择bgm输入视频的描述->Controller上传视频->保存视频的截图->用户是否选择bgm 用户没有选择bgm可以直接保存视频,用户选择bgm将合并原视频和bgm新的视频并且保存 用户点击上传视频触发uploa

微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 传送门 小程序首页视频列表开发 校园视小程序首页index将分别展示用户视频.用户头像.用户名字 const app = getApp() Page({ data: { // 用于分页的属性 screenWidth: 350 }, onLoad: function (params) { var me

微信小程序视频系列教程完整版,课程中用到的源码附在帖子最后. [url=http://bbs.larkapp.com/forum.php?mod=viewthread&tid=5673][b]1.1课程介绍,定个小目标[/b][/url] [url=http://bbs.larkapp.com/forum.php?mod=viewthread&tid=5674]1.2开发文档简读,了解全貌[/url] [url=http://bbs.larkapp.com/forum.php?mod=vi

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ,SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1. 安装下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹,如下: 由于目前IDE没有云函数导入功能,您需要手工创建同名的云函数,然后将云函数下的文件手工拷进去 注:下载的SDK是一个