-
微信小程序开发实战(27):录音
2021/1/6 13:55:20
通过 wx.startRecord 和 wx.stopRecord 方法,可以录制和停止录制音频。如果成功录制音频,会将音频存在临时文件中,并返回临时音频文件名,以便后续处理。 与大多数 API 一样,这两个方法都可以传入对象类型参数,对于这两个方法来说,只有 3 个事件属性: success 、 fail 和 complete 。含义与其他方法同名属性类似。 下面的布局代码在窗口上放置两种按钮:“开始... -
小程序获取用户位置授权流程
2021/1/5 15:12:50
小程序在开发过程中很多地方需要用户的授权,需要查询用户是否授权,没有授权引导用户去授权。所以我就把这个流程做了下封装,小可爱们可以参考一下,多多提意见一起进步。 流程图 有时候项目的很多地方都会用到判断用户是否授权的逻辑,所以封装是非常有必要的。下面我们拿位置授权作为例子说一下一般的流程。 很多应用在一进入就会让用户授权地理位置,可以拿到用户的经纬... -
微信小程序云开发教程-后端接口分析和接口返回值的格式定义 ... ...
2021/1/5 15:12:47
本小节我们将学习如何定义后端的接口。 开发之前,我们得分析后端需要提供哪些接口。 我们可以根据需求文档来进行分析。 第一个功能是用户自动登录,那么我们后端需要提供一个接口实现用户的静默注册,什么是静默注册?我们将在后面的章节详细讲解。 第二个... -
微信小程序不同分享效果的实现
2021/1/5 15:12:40
在我们做微信小程序开发的过程中,分享功能是十分重要的一个功能点,分享大概主要有三类: 普通分享(默认分享)区分好友和群的分享区分不同群的分享 普通分享 普通分享即默认分享,普通的分享功能很容易实现,我们可以直接在JS文件中实现分享的方法即可,如下: /** * 用户点击右上角分享 */ onShareAppMessage: function () { retur... -
微信小程序 - 暗黑模式(深色模式)
2021/1/5 15:12:37
最近暗黑模式成为了潮流,微信小程序也推出了暗黑模式适配,下面来记录一个下适配暗黑模式。 效果图: 一、实现 1、开启暗黑模式 在 app.json 中配置 "darkmode": true // app.json{ ... "darkmode": true} 2、配置主题文件 在根目录新建主题配置文件 theme.json, 并在 app.json 中配置路径引入 // app.json{ ... "t... -
微信小程序分享功能开发及调试方法
2021/1/5 15:12:34
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class="toudi" open-type="share" catchtap="toujianli" data-qyuid='{{[item.uid,item.id,3,item.provinceid,item.three_cityid]}}' wx:if="{{istuijian==1}}">分享职位</button> onShareAppMessage(option){ let uid,id,provinceid,three_city... -
微信小程序订阅消息功能实现
2021/1/5 15:12:30
本篇介绍如何自建服务器使用微信小程序的订阅消息功能,消息能力是小程序能力中的重要组成,为实现服务的闭环和更优的体验。使用方法步骤如下: 步骤一:获取模板 ID步骤二:获取下发权限步骤三:调用接口下发订阅消息 步骤一:获取模板 ID 在使模板的过程中,我们必须知道要获取的是哪个模板,微信官方为我们提供了这样的模板,我们需要订阅模板,并且获取模板的唯一标识id... -
微信小程序 实现页面监听自定义组件的触发事件
2021/1/5 15:12:27
需求:在微信小程序开发过程中,页面通常会用到提示弹框。这时为了减少代码量及代码可拓展性,我们自定义一个提示组件是必不可少的了。那么问题来了,页面如何监听到组件的触发事件呢? 下面给大家详细讲解页面如何监听自定义组件的触发事件。 prompt组件: 首先搭建提示组件ui。由于后面各个页面都有可能用到该组件,所以我选择从页面传值过来显示提示语;然后在prompt.j... -
微信小程序的Web API接口设计及常见接口实现
2021/1/5 15:12:12
微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,通过小程序的请求Web API 平台获取JSON数据后,可以在小程序界面上进行数据的动态展示。在数据的关键 一环中,我们设计和编写Web API平台是非常重要的,通过这个我们可以实现数据的集中控制和管理,本篇随笔介绍基于Asp.NET MVC的Web API接口层的设计和常见接... -
在微信小程序中实现virtual-list
2021/1/5 15:12:10
背景 小程序在很多场景下面会遇到长列表的交互,当一个页面渲染过多的wxml节点的时候,会造成小程序页面的卡顿和白屏。原因主要有以下几点: 1.列表数据量大,初始化setData和初始化渲染列表wxml耗时都比较长; 2.渲染的wxml节点比较多,每次setData更新视图都需要创建新的虚拟树,和旧树的diff操作耗时比较高; 3.渲染的wxml节点比较多,page能够容纳的wxml是有限的,占用... -
微信支付踩坑合集:微信小程序支付失败是什么原因?
2021/1/5 15:12:07
微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步。那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No.1 {err_code: "-1", err_desc: "调用支付JSAPI缺少参数: total_fee", errMsg: "requestPayment:fail"} errMsg:"requestPayment:fail" ... -
uni-app转字节跳动、百度小程序手摸手实战
2021/1/5 15:12:04
从最早发布的微信小程序,到后来的支付宝小程序、钉钉小程序,字节跳动小程序、百度小程序、QQ小程序等,面对这么多套的代码,开发者去编写多套原生代码的成本显然非常高,使用H5的话体验又没有原生好,这时候只需编写一套代码,就能够适配多端的能力就显得尤为需要。 下面进入正题,给大家介绍下uni-app字节小程序的开发 前置准备工作 默认头条小... -
超实用!微信小程序设计精简版指南
2021/1/5 15:12:00
微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。 基于微信小程序轻快的特点,小程序拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,... -
微信小程序(Taro)的自动埋点
2021/1/5 15:11:39
在做各种各样的业务时,我们不可避免的需要在业务中进行埋点,这些埋点通常包含但不限于曝光、点击、停留时长、离开页面等场景,而在小程序中因为其和浏览器不同的架构,导致了监听页面变的更加困难,通常我们都会通过重写 Page 方法来达到对小程序原生生命周期的拦截代理,从而进行业务埋点,但是在 Taro 中这一切变得不同了。 现状 在多端统一的Taro中,我们不再能看到显式... -
微信开发之小程序登录相关的各类ID
2021/1/5 15:11:29
最近在实际业务中,为了配合产品同事优化小程序的登录流程,同时还想通过微信授权登录 + 手机号授权自动为用户创建一个符合基础用户服务体系的业务账户。从而降低用户使用产品的链路成本。 在沟通过程中,发现很有必要梳理一下关于小程序登录相关的所谓如何实现静默授权、如何实现主动授权、如何获取手机号、什么是小程序的 UnionID 的等等衍生问题概念、获取方式、使用场景... -
详解:如何在uni-app中选择一个合适的UI组件库
2021/1/5 15:11:26
uni-app框架转眼已经发布了一年多,使用uni-app的开发者也是与日俱增。因为uni-app是一个跨端框架,所以我们大多使用它就是为了同时一套代码跨多端,选择uni-app 可以算是眼下一个比较好的选择。无疑,uni-app是一个冉冉升起的新星,同样带给我们的一个问题就是与之配套的 UI 组件库却没有那么多的选择。而我们开发应用,组件库又是一个不可或缺的辅助开发的利器。那么有没有一... -
【微信小程序】常用组件及自定义组件
2021/1/5 15:11:18
(一) 常用标签 组件你可以理解为传统页面开发时候的各种标签,例如 div span 等等,我这里只说一些常用的,这样就能能搭建出一个基本的页面了,但是如果想要更加美观以及拥有更好的体验,就需要 XSS 和 别的一些强大的组件了,如果有额外的需求,可以去官方文档查阅一下 (同时不常用的属性,也就不提了) (1) view view 可以理解为传统页面开发中的 div 块级元... -
想跨端开发小程序?这个最流行的跨端框架一定要学习!
2021/1/5 15:11:14
从最早发布的微信小程序,到后来的支付宝小程序、字节跳动小程序、百度小程序、QQ小程序,还有最近发布的360小程序,面对这么多套的代码,开发者该如何开发呢? 当业务要求同时在不同的端都要展现时候,针对不同的端去编写多套代码的成本显然非常高。这时候只需编写一套代码,就能够适配多端的能力就显得尤为需要。 今天就来给大家介绍一款,使用Vue的跨端框架——uni-app u... -
小程序 wx.request中,url传递的参数中有变量怎么写
2021/1/5 15:11:11
wx.request中,url传递的参数中有变量怎么写 var val = 666; wx.request({ url: 'https://domainname/url?id='+ val, }); 例子:上传图片案例 // 上传图片 chooseImage: function () { var that = this; // 选择图片 var openid = wx.getStorageSync('openid'); wx.chooseImage({ count: 1, // 默认9 sizeType:... -
小程序如何获取用户绑定的手机号
2021/1/5 15:11:08
小程序官方文档中介绍: 获取微信用户绑定的手机号,需先调用wx.login接口。 因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 button 组件的点击来触发。 注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。具... -
微信小程序实现滚动视频自动播放(未优化)
2021/1/5 15:11:03
先看看大概效果1.首先需要了解微信API: wx.createIntersectionObserver(Object component, Object options) 创建并返回一个 IntersectionObserver 对象实例。在自定义组件或包含自定义组件的页面中,应使用 this.createIntersectionObserver([options]) 来代替 具体可以看微信小程序文档 2.由于我们这个区...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程,一看就会
- 小程序登陆设计-耐心看,讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些?如何快速获客!
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理:小商店不意味着腾讯要做电商
- 现在您还需要建网站吗?
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做?
- 直播带货开始降温,淘宝、抖音、快手决战新周期
- 云计算:多云策略的定义和三大优势
- 域名怎么通过实名认证?
- “啤酒”域名Bier.de以114万元登顶Sedo榜!
- 商标是买现成的还是去自己申请?
- 普通企业为何要做分销系统?