wechat

微信小程序开发插件

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

微信小程序

2019-11-09  2255 人浏览

wechat

微信小程序单元测试

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

微信小程序

2019-11-09  2162 人浏览

wechat

微信小程序组件recycle-view

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

微信小程序

2019-11-09  5247 人浏览

wechat

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

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

微信小程序

2019-11-09  1682 人浏览

wechat

小程序自定义组件扩展

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

微信小程序

2019-11-09  1409 人浏览

wechat

小程序抽象节点

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

微信小程序

2019-11-09  1518 人浏览

wechat

小程序纯数据字段

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

微信小程序

2019-11-09  2071 人浏览

wechat

小程序数据监听器

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

微信小程序

2019-11-09  1314 人浏览

wechat

小程序组件间关系

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

微信小程序

2019-11-09  1388 人浏览

wechat

微信小程序behaviors

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

微信小程序

2019-11-09  2036 人浏览

wechat

小程序组件生命周期

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

微信小程序

2019-11-09  1605 人浏览

wechat

小程序组件间通信与事件

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

微信小程序

2019-11-09  1253 人浏览

wechat

小程序Component 构造器

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

微信小程序

2019-11-09  1438 人浏览

wechat

小程序组件模板和样式

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

微信小程序

2019-11-09  1490 人浏览

wechat

小程序自定义组件

小程序自定义组件从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件

微信小程序

2019-11-09  1243 人浏览

wechat

小程序更新机制

小程序更新机制未启动时更新开发者在管理后台发布新版本的小程序之后，如果某个用户本地有小程序的历史版本，此时打开的可能还是旧版本。微信客户端会有若干个时机去检查本地缓存的小程序有没有更新版本，如果有则会静默更新到新版本。总的来说，开发者在后台发布新版本之后，无法立刻影响到所有现网用户，但最差情况下，也在发布之后 24 小时之内下发新版本信息到用户。用户下次打开时会先更新最新版本再打开。启动时更新小程

微信小程序

2019-11-09  1263 人浏览

wechat

小程序运行机制

前台/后台状态小程序启动后，界面被展示给用户，此时小程序处于前台状态。当用户点击右上角胶囊按钮关闭小程序，或者按了设备 Home 键离开微信时，小程序并没有完全终止运行，而是进入了后台状态，小程序还可以运行一小段时间。当用户再次进入微信或再次打开小程序，小程序又会从后台进入前台。但如果用户很久没有再进入小程序，或者系统资源紧张，小程序可能被销毁，即完全终止运行。小程序启动这样，小程序启动可以分为两

微信小程序

2019-11-09  1718 人浏览

wechat

小程序JavaScript 支持情况

小程序JavaScript 支持情况运行限制基于安全考虑，小程序中不支持动态执行 JS 代码，即：不支持使用 eval 执行 JS 代码不支持使用 new Function 创建函数客户端 ES6 API 支持情况微信小程序已经支持了绝大部分的 ES6 API，已支持的 API 如下（部分API依赖系统版本）：StringiOS8iOS9iOS10AndroidcodePointAtnormali

微信小程序

2019-11-09  1539 人浏览

wechat

小程序的运行环境

小程序的运行环境微信小程序运行在三端：iOS（iPhone/iPad）、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的：在 iOS 上，小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中，视图层是由 WKWebView 来渲染的，环境有 iOS8、iOS9、iOS10；在 Android 上，旧版本，小程序逻辑层

微信小程序

2019-11-09  1592 人浏览

wechat

微信小程序动画

界面动画的常见方式在小程序中，通常可以使用 CSS 渐变 和 CSS 动画 来创建简易的界面动画。在开发者工具中预览效果同时，还可以使用 wx.createAnimation 接口来动态创建简易的动画效果。动画过程中，可以使用 bindtransitionend bindanimationstart bindanimationiteration bindanimationend 来监听动画事件。事

微信小程序

2019-11-09  1670 人浏览