综合( 右侧选择分类 )
wechat

微信小程序支付功能页

微信小程序支付功能页支付功能页用于帮助插件完成支付,相当于 wx.requestPayment 的功能。需要注意的是:插件使用支付功能,需要进行额外的权限申请,申请位置位于管理后台的“小程序插件 -> 基本设置 -> 支付能力”设置项中。另外,无论是否通过申请,主体为个人小程序在使用插件时,都无法正常使用插件里的支付功能。调用参数支付功能页使用 functional-page-navi
618 人浏览
wechat

小程序用户信息功能页

小程序用户信息功能页用户信息功能页用于帮助插件获取用户信息,包括 openid 和昵称等,相当于 wx.login 和 wx.getUserInfo 的功能。此外,自基础库版本 2.3.1 起,用户在这个功能页中授权之后,插件就可以直接调用 wx.login 和 wx.getUserInfo 。无需再次进入功能页获取用户信息。自基础库版本 2.6.3 起,可以使用 wx.getSetting 来查
373 人浏览
wechat

小程序插件功能页

小程序插件功能页插件功能页从小程序基础库版本 2.1.0 开始支持。某些接口不能在插件中直接调用(如 wx.login),但插件开发者可以使用插件功能页的方式来实现功能。目前,插件功能页包括:获取用户信息,包括 openid 和昵称等(相当于 wx.login 和 wx.getUserInfo 的功能),详见用户信息功能页;支付(相当于 wx.requestPayment),详见支付功能页;获取收
517 人浏览
wechat

小程序插件使用组件的限制

小程序插件使用组件的限制在插件开发中,以下组件不能在插件页面中使用:开放能力(open-type)为以下之一的 button:contact(打开客服会话)getPhoneNumber(获取用户手机号)getUserInfo(获取用户信息)open-dataweb-view以下组件的使用对基础库版本有要求:navigator 需要基础库版本 2.1.0live-player 和 live-push
432 人浏览
wechat

小程序插件调用 API 的限制

小程序插件调用 API 的限制插件可以调用的 API 与小程序不同,主要有两个区别:插件的请求域名列表与小程序相互独立;一些 API 不允许插件调用(这些函数不存在于 wx 对象下)。有些接口虽然在插件中不能使用,但可以通过插件功能页来达到目的,请参考插件功能页。目前,允许插件调用的 API 及其对应版本要求如下:基础API最低版本备注wx.arrayBufferToBase64wx.base64
712 人浏览
wechat

微信小程序使用插件

添加插件在使用插件前,首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过 appid 查找插件并添加。如果插件无需申请,添加后可直接使用;否则需要申请并等待插件开发者通过后,方可在小程序中使用相应的插件。引入插件代码包使用插件前,使用者要在 app.json 中声明需要使用的插件,例如:代码示例:{ "plugins": { "myP
389 人浏览
wechat

微信小程序开发插件

微信小程序开发插件开发插件前,请阅读了解《小程序插件接入指南》了解开通流程及开放范围,并开通插件功能。如果未开通插件功能,将无法上传插件。创建插件项目插件类型的项目可以在开发者工具中直接创建。详情新建插件类型的项目后,如果创建示例项目,则项目中将包含三个目录:plugin 目录:插件代码目录。miniprogram 目录:放置一个小程序,用于调试插件。doc 目录:用于放置插件开发文档。minip
466 人浏览
wechat

微信小程序单元测试

微信小程序单元测试在编写高质量的自定义组件过程中,单元测试是永远避不开的一个话题。完善的测试用例是提高自定义组件可用性的保证,同时测试代码覆盖率也是必不可少的一个环节。小程序从基础库版本 2.2.1 开始拥抱开源,支持使用 npm 安装自定义组件,那针对自定义组件的单元测试也是必须支持的。以下就来介绍如何对自定义组件进行单元测试。测试框架现在市面上流行的测试框架均可使用,只要它能兼顾 nodejs
552 人浏览
wechat

微信小程序组件recycle-view

微信小程序组件recycle-view recycle-view 小程序自定义组件 使用此组件需要依赖小程序基础库 2.2.2 版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。 背景 电商小程序往往需要展示很多商品,当一个页面展示很多的商品信息的时候,会造成小程序页面的卡顿以及白屏。原因有如下几点: 商品列表数据很大,首次 setData
1211 人浏览
wechat

小程序开发第三方自定义组件

小程序开发第三方自定义组件小程序从基础库版本 2.2.1 开始支持使用 npm 安装第三方包,因此也支持开发和使用第三方自定义组件包。关于 npm 功能的详情可先阅读[相关文档]((npm 支持))。准备开发一个开源的自定义组件包给他人使用,首先需要明确他人是要如何使用这个包的,如果只是拷贝小程序目录下直接使用的话,可以跳过此文档。此文档中后续内容是以 npm 管理自定义组件包的前提下进行说明的。
443 人浏览
wechat

小程序自定义组件扩展

小程序自定义组件扩展为了更好定制自定义组件的功能,可以使用自定义组件扩展机制。从小程序基础库版本 2.2.3 开始支持。扩展后的效果为了更好的理解扩展后的效果,先举一个例子:在开发者工具中预览效果// behavior.js module.exports = Behavior({ definitionFilter(defFields) { defFields.data.from
369 人浏览
wechat

小程序抽象节点

小程序抽象节点这个特性自小程序基础库版本 1.9.6 开始支持。在组件中使用抽象节点有时,自定义组件模板中的一些节点,其对应的自定义组件不是由自定义组件本身确定的,而是自定义组件的调用者确定的。这时可以把这个节点声明为“抽象节点”。例如,我们现在来实现一个“选框组”(selectable-group)组件,它其中可以放置单选框(custom-radio)或者复选框(custom-checkbox)
468 人浏览
wechat

小程序纯数据字段

小程序纯数据字段纯数据字段是一些不用于界面渲染的 data 字段,可以用于提升页面更新性能。从小程序基础库版本 2.8.2 开始支持。组件数据中的纯数据字段有些情况下,某些 data 中的字段(包括 setData 设置的字段)既不会展示在界面上,也不会传递给其他组件,仅仅在当前组件内部使用。此时,可以指定这样的数据字段为“纯数据字段”,它们将仅仅被记录在 this.data 中,而不参与任何界面
744 人浏览
wechat

小程序数据监听器

小程序数据监听器数据监听器可以用于监听和响应任何属性和数据字段的变化。从小程序基础库版本 2.6.1 开始支持。使用数据监听器有时,在一些数据字段被 setData 设置时,需要执行一些操作。例如, this.data.sum 永远是 this.data.numberA 与 this.data.numberB 的和。此时,可以使用数据监听器进行如下实现。Component({ attache
380 人浏览
wechat

小程序组件间关系

小程序组件间关系定义和使用组件间关系有时需要实现这样的组件:<custom-ul> <custom-li> item 1 </custom-li> <custom-li> item 2 </custom-li> </custom-ul>这个例子中, custom-ul 和 custom-li 都是自定义组件,它们
405 人浏览
wechat

微信小程序behaviors

微信小程序behaviorsbehaviorsbehaviors 是用于组件间代码共享的特性,类似于一些编程语言中的“mixins”或“traits”。每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behavior ,behavior 也可以引用其他 behavior
543 人浏览
wechat

小程序组件生命周期

小程序组件生命周期组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中,最重要的生命周期是 created attached detached ,包含一个组件实例生命流程的最主要时间点。组件实例刚刚被创建好时, created 生命周期被触发。此时,组件数据 this.data 就是在 Component 构造器中定义的数据 data 。 此时
476 人浏览
wechat

小程序组件间通信与事件

小程序组件间通信与事件组件间通信组件间的基本通信方式有以下几种。WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据(自基础库版本 2.0.9 开始,还可以在数据中包含函数)。具体在 组件模板和样式 章节中介绍。事件:用于子组件向父组件传递数据,可以传递任意数据。如果以上两种方式不足以满足需要,父组件还可以通过 this.selectComponent 方法获取子
365 人浏览
wechat

小程序Component 构造器

// 页面 B var pageCommonBehavior = require('./page-common-behavior') Component({ behaviors: [pageCommonBehavior], data: { /* ... */ }, methods: { /* ... */ }, })小程序Component 构造器Component 构造器
480 人浏览
wechat

小程序组件模板和样式

小程序组件模板和样式类似于页面,自定义组件拥有自己的 wxml 模板和 wxss 样式。组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的子节点。代码示例:在开发者工具中预览效果<!-- 组件模板 --> <view class="wrappe
379 人浏览