微信小程序 - 开发 - 随笔分类(第104页) - AtlasLapetos

抽象节点

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

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

纯数据字段

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

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

数据监听器

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

posted @ 2024-12-24 09:28 AtlasLapetos 阅读(17) 评论(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 阅读(18) 评论(0) 推荐(0)

behaviors

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

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

组件生命周期

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

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

组件间通信与事件

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

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

Component 构造器

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

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

组件模板和样式

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

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

自定义组件

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

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

动态 slot

摘要：动态 slot 由于目前 glass-easel 组件框架仅可用于 Skyline 渲染引擎，因此这些特性也同样受此限制。静态 slot 与动态 slot 简单的自定义组件 slot 类型有两种：单一 slot 和多 slot ，取决于自定义组件的 multipleSlots 选项。它们都属于静态阅读全文

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

Chaining API 的 init 函数

摘要：Chaining API 的 init 函数由于目前 glass-easel 组件框架仅可用于 Skyline 渲染引擎，因此这些特性也同样受此限制。 init 链式调用项在 Chaining API 中支持 .init(...) 链式调用项，可以以另一种方式进行组件创建： Component( 阅读全文

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

Chaining API

摘要：Chaining API 由于目前 glass-easel 组件框架仅可用于 Skyline 渲染引擎，因此这些特性也同样受此限制。 Chaining API 接口形式 Chaining API 是一种新的页面和自定义组件定义形式。对于一个传统的自定义组件定义： Component({ prope 阅读全文

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

在模板中调用 data 里的函数

摘要：在模板中调用 data 里的函数由于目前 glass-easel 组件框架仅可用于 Skyline 渲染引擎，因此这些特性也同样受此限制。如果 data 中的某个字段是函数，在模板里可以直接调用它： Component({ data: { getDataField() { return 'som 阅读全文

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

适用于 glass-easel 组件框架的特性

摘要：适用于 glass-easel 组件框架的特性部分自定义组件特性仅适用于 glass-easel 组件框架。由于目前 glass-easel 组件框架仅可用于 Skyline 渲染引擎，因此这些特性也同样受此限制。阅读全文

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

glass-easel 适配指引

摘要：glass-easel 适配指引 glass-easel 是一个新的组件框架，是对旧版组件框架 exparser 的一个重写，拥有比旧版组件框架更好的性能和更多的特性。将现有的运行在 exparser 上的小程序迁移到 glass-easel 需要一些适配，下面的文档会为适配提供一些指引。运行阅读全文

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

介绍

摘要：glass-easel ：新版微信小程序组件框架 glass-easel 是小程序组件框架的核心实现。它实质上是一个 JavaScript 的组件化界面框架，用来进行组件化、定义式的界面开发。 glass-easel 是对旧版小程序组件框架的重写，保持对旧版小程序组件框架特性的兼容，并添加了一些新特阅读全文

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

特性状态

摘要：特性状态特性状态 scroll-view 高度可由子节点撑开待发布 WeUI 扩展库待发布 scroll-view 以给定初速度滚动待发布 scroll-view 返回触顶速度待发布 scroll-view 增删列表项带动画规划中 swiper 增加 isDrag 属性区分是否是用户正阅读全文

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

性能调试工具入口

摘要：性能调试工具入口 showPerformanceOverlay 显示 raster 线程和 ui（渲染）线程的使用情况，线程繁忙则表现为红色 raster线程：如果发现耗时很高的话，可能是绘制内容太复杂了，例如用了大量的 backdrop-filter, overflow: hidden, op 阅读全文

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

Skyline 迁移工具

摘要：Skyline 迁移工具为了方便开发者从 WebView 迁移到 Skyline，我们将一些最佳实践和常见的兼容问题都整理成一个检测工具 Skylint Skylint 不仅会罗列出有兼容问题的具体代码行，对一些明确的兼容问题，也提供自动修改代码的操作，旨在最大程度降低迁移成本更多说明和用法请前阅读全文

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

随笔分类 - 微信小程序 - 开发