自定义组件 - 随笔分类 - AtlasLapetos

摘要：调试自定义组件 wxml 面板中可以查看自定义组件在渲染时的 Data 数据。在 wxml 中先选中需要查看的自定义组件，然后切换到 Component Data 即可实时查看当前自定义组件的数据阅读全文

posted @ 2024-12-24 09:32 AtlasLapetos 阅读(16) 评论(0) 推荐(0)

摘要：占位组件基础库 2.11.2 及以上版本支持，2.11.2 以下和未配置的效果相同在使用如分包异步化或用时注入等特性时，自定义组件所引用的其他自定义组件，在刚开始进行渲染时可能处于不可用的状态。此时，为了使渲染过程不被阻塞，不可用的自定义组件需要一个「占位组件」（Component p 阅读全文

posted @ 2024-12-24 09:31 AtlasLapetos 阅读(58) 评论(0) 推荐(0)

获取更新性能统计信息

摘要：获取更新性能统计信息基础库 2.12.0 开始支持，低版本需做兼容处理。如果想要知道 setData 引发界面更新的开销，可以使用更新性能统计信息接口。它将返回每次更新中主要更新步骤发生的时间戳，可以用来大体上估计自定义组件（或页面）更新性能。例如： Component({ attached() 阅读全文

posted @ 2024-12-24 09:31 AtlasLapetos 阅读(29) 评论(0) 推荐(0)

单元测试

摘要：单元测试在编写高质量的自定义组件过程中，单元测试是永远避不开的一个话题。完善的测试用例是提高自定义组件可用性的保证，同时测试代码覆盖率也是必不可少的一个环节。小程序从基础库版本 2.2.1 开始拥抱开源，支持使用 npm 安装自定义组件，那针对自定义组件的单元测试也是必须支持的。以下就来介绍如何阅读全文

posted @ 2024-12-24 09:30 AtlasLapetos 阅读(16) 评论(0) 推荐(0)

开发第三方自定义组件

摘要：开发第三方自定义组件小程序从基础库版本 2.2.1 开始支持使用 npm 安装第三方包，因此也支持开发和使用第三方自定义组件包。关于 npm 功能的详情可先阅读相关文档。准备开发一个开源的自定义组件包给他人使用，首先需要明确他人是要如何使用这个包的，如果只是拷贝小程序目录下直接使用的话，可以跳阅读全文

posted @ 2024-12-24 09:30 AtlasLapetos 阅读(26) 评论(0) 推荐(0)

自定义组件扩展

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

posted @ 2024-12-24 09:28 AtlasLapetos 阅读(27) 评论(0) 推荐(0)

抽象节点

摘要：抽象节点这个特性自小程序基础库版本 1.9.6 开始支持。在组件中使用抽象节点有时，自定义组件模板中的一些节点，其对应的自定义组件不是由自定义组件本身确定的，而是自定义组件的调用者确定的。这时可以把这个节点声明为“抽象节点”。例如，我们现在来实现一个“选框组”（selectable-grou 阅读全文

posted @ 2024-12-24 09:28 AtlasLapetos 阅读(30) 评论(0) 推荐(0)

纯数据字段

摘要：纯数据字段纯数据字段是一些不用于界面渲染的 data 字段，可以用于提升页面更新性能。从小程序基础库版本 2.8.2 开始支持。组件数据中的纯数据字段有些情况下，某些 data 中的字段（包括 setData 设置的字段）既不会展示在界面上，也不会传递给其他组件，仅仅在当前组件内部使用。此时阅读全文

posted @ 2024-12-24 09:28 AtlasLapetos 阅读(17) 评论(0) 推荐(0)

数据监听器

摘要：数据监听器数据监听器可以用于监听和响应任何属性和数据字段的变化。从小程序基础库版本 2.6.1 开始支持。使用数据监听器有时，在一些数据字段被 setData 设置时，需要执行一些操作。例如， this.data.sum 永远是 this.data.numberA 与 this.data.n 阅读全文

posted @ 2024-12-24 09:28 AtlasLapetos 阅读(32) 评论(0) 推荐(0)

组件间关系

摘要：组件间关系定义和使用组件间关系有时需要实现这样的组件： <custom-ul> <custom-li> item 1 </custom-li> <custom-li> item 2 </custom-li> </custom-ul> 这个例子中， custom-ul 和 custom-li 都是阅读全文

posted @ 2024-12-24 09:28 AtlasLapetos 阅读(34) 评论(0) 推荐(0)

behaviors

摘要：behaviors behaviors 是用于组件间代码共享的特性，类似于一些编程语言中的 “mixins” 或 “traits”。每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。每个组件可阅读全文

posted @ 2024-12-24 09:27 AtlasLapetos 阅读(65) 评论(0) 推荐(0)

组件生命周期

摘要：组件生命周期组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中，最重要的生命周期是 created attached detached ，包含一个组件实例生命流程的最主要时间点。组件实例刚刚被创建好时， created 生命周期被触发。此阅读全文

posted @ 2024-12-24 09:27 AtlasLapetos 阅读(32) 评论(0) 推荐(0)

组件间通信与事件

摘要：组件间通信与事件组件间通信组件间的基本通信方式有以下几种。 WXML 数据绑定：用于父组件向子组件的指定属性设置数据，仅能设置 JSON 兼容数据（自基础库版本 2.0.9 开始，还可以在数据中包含函数）。具体在组件模板和样式章节中介绍。事件：用于子组件向父组件传递数据，可以传递任意数据。阅读全文

posted @ 2024-12-24 09:27 AtlasLapetos 阅读(43) 评论(0) 推荐(0)

Component 构造器

摘要：Component 构造器 Component 构造器可用于定义组件，调用 Component 构造器时可以指定组件的属性、数据、方法等。详细的参数含义和使用请参考 Component 参考文档。 Component({ behaviors: [], properties: { myPropert 阅读全文

posted @ 2024-12-24 09:27 AtlasLapetos 阅读(25) 评论(0) 推荐(0)

组件模板和样式

摘要：组件模板和样式类似于页面，自定义组件拥有自己的 wxml 模板和 wxss 样式。组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树，将被插入到组件的引用位置上。在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。代码示例：在开发者工具中阅读全文

posted @ 2024-12-24 09:27 AtlasLapetos 阅读(21) 评论(0) 推荐(0)

自定义组件

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

posted @ 2024-12-24 09:27 AtlasLapetos 阅读(25) 评论(0) 推荐(0)

随笔分类 - 微信小程序 - 开发 / 指南 / 自定义组件