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

完整微信小程序(Java后端) 技术贴目录清单页面（必看）

小程序从基础库版本 2.2.1 开始支持使用 npm 安装第三方包，因此也支持开发和使用第三方自定义组件包。关于 npm 功能的详情可先阅读相关文档。

准备

开发一个开源的自定义组件包给他人使用，首先需要明确他人是要如何使用这个包的，如果只是拷贝小程序目录下直接使用的话，可以跳过此文档。此文档中后续内容是以 npm 管理自定义组件包的前提下进行说明的。

在开发之前，要求开发者具有基础的 node.js 和 npm 相关的知识，同时需要准备好支持 npm 功能的开发者工具，点此下载。

下载模板

为了方便开发者能够快速搭建好一个可用于开发、调试、测试的自定义组件包项目，官方提供了一个项目模板，下载使用模板的方式有三种：

直接从 github 上下载 zip 文件并解压。
直接将 github 上的仓库 clone 下来。
使用官方提供的命令行工具初始化项目，下面会进行介绍。

项目模板中的构建是基于 gulp + webpack 来执行的，支持开发、构建、测试等命令，详情可参阅项目模板的 README.md 文件。

命令行工具

官方提供了命令行工具，用于快速初始化一个项目。执行如下命令安装命令行工具：

npm install -g @wechat-miniprogram/miniprogram-cli

然后新建一个空目录作为项目根目录，在此根目录下执行：

miniprogram init --type custom-component

命令执行完毕后会发现项目根目录下生成了许多文件，这是根据官方的项目模板生成的完整项目，之后开发者可直接在此之上进行开发修改。

命令行工具的更多用法可以查看 github 仓库上的 README.md 文件。

PS：第一次使用 miniprogram init 初始化项目会去 github 上拉取模板，因此需要保证网络畅通。

测试工具

针对自定义组件的单元测试，可参阅文档单元测试。

自定义组件示例

以下为官方提供的自定义组件，可以参考并使用：

weui-miniprogram
recycle-view

自定义组件扩展示例

以下为官方提供的自定义组件扩展，可以参考并使用：

[computed](

微信搜一搜【java1234】关注这个放荡不羁的程序员，关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。

微信小程序开发第三方自定义组件相关推荐

微信小程序开发：自定义组件-behaviors
1.什么是behaviors behaviors是小程序中,用于实现组件间代码共享的特性,类似于vue的"mixins". 2.behaviors的工作方式每个behavior可 ...
《九》微信小程序中的自定义组件
开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用:也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护. 自定义组件:可复用的 WXML.WXSS.JS.JSON. beh ...
微信小程序 - 进阶（自定义组件、promis化、mobx、分包、自定义tabBar）
文章目录一.自定义组件 1.创建组件 2.引用组件 3.组件和页面区别 4.组件样式 5.data.methods.properties 6.小程序的 data 和 properties 区别 7. ...
微信小程序轮播中的current_微信小程序开发之自定义轮播图实例
轮播图是大部分应用的一个常用的功能,常用于广告投放.产品展示.活动展示等等. 漂亮的轮播图效果可以吸引用户的点击,达到推广产品的作用. 废话少说,下面开始动手. 业务需求: 5个图片轮番播放,可以左右 ...
微信小程序怎么修改自定义组件中的样式
在微信小程序中我们经常要用到自定义组件,但是有时我们因为引用的地方不同可能组件的一些样式也要修改,比如颜色,高度,宽度等来适合不同的页面,有没有办法来修改自定义组件中的样式呢,很显然是有的,我们要用到 ...
入门微信小程序三（自定义组件）
1.组件的创建 ① 在项目的根目录中,鼠标右键,创建 components -> test 文件夹 ② 在新建的 components -> test 文件夹上,鼠标右键,点击" ...
微信小程序开发之——map组件
一概述 wx.getLocation获取用户当前位置信息 map组件的基础属性(显示带有方向的当前定位点,显示指南针,开启卫星图) map添加标记点marker 二 map使用-当前不是定位位置 2 ...
微信小程序页面和自定义组件命名规范
页面page命名就是文件夹名和文件名一致自定义组件命名就是文件夹名是单独一个,里面的文件名是index
微信小程序学习笔记-自定义组件
组定义组件方式方式一: 局部注册方式二: 全局注册自定义组件位置定义组件  <view><bl ...
微信小程序table表格自定义组件实现
效果 1. 左图是多列并且给了最大高度的效果. 2. 右图是没有给某列固定宽度并且四列的宽度加起来不超出屏幕宽度的效果. 3. 在不为某列设置固定宽度的情况下,四列及四列以下均是平分屏 ...

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

微信小程序开发第三方自定义组件相关推荐

最新文章

热门文章

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

微信小程序 开发第三方自定义组件相关推荐

最新文章

热门文章

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

微信小程序开发第三方自定义组件相关推荐