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

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

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

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

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

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

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

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

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

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

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

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

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

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

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