微信小程序基础组件是一种可以被多次使用的可视化元素,它们可以帮助开发者快速构建出功能丰富的小程序。微信小程序基础组件有一些公共属性,这些属性可以帮助开发者更好地定制自己的小程序。
首先,微信小程序基础组件有一个名为“id”的公共属性,它是一个字符串,用于标识当前小程序中的每一个特定的元素。这样,开发者就可以通过id来获取特定的元素,并对它进行相应的操作。
此外,微信小程序基础组件还有一个名为“class”的公共属性,它是一个字符串数据集合,用于标识当前小程序中特定的样式集合。例如,开发者可以使用class来设定特定的文字大小、颜色、背景图片、位置、大小、动画效果、表单样式、图片样式、文本样式、列表样式、对话框样式或者日历样式。
此外,微信小程序基本上都会包含一些内部函数或方法来处理不同情况下的不同行为。例如,onLoad()函数会在页面加载时执行相应代 码; onShow()函数会在页面显 示时执行相应代 码; onReady()函数会在页面初始化时执行相应代 码; onHide()函数会在页面隐 藏时执行相应代 码; onUnload()函数会在页面卸 载时执行相应代 码; onPullDownRefresh()函数会在用户上 拉列表时执行相 应代 码; onReachBottom()函数会在用户上 滑列表时执 行相 应代 码; onShareAppMessage()函数会在申请 分 享时 执 行相 应 代 码; onPageScroll()函数会针对不 同 高 度 执 術不 吊 代 码。
onLoad(){ // 针对不吊 高 度 执 这释 不 吊 代 码 }
框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。
什么是组件:
<tagname property="value">
Content goes here ...
</tagname>
注意:所有组件与属性都是小写,以连字符-连接
类型 | 描述 | 注解 |
---|---|---|
Boolean | 布尔值 | 组件写上该属性,不管是什么值都被当作 true ;只有组件上没有该属性时,属性值才为false 。
如果属性值为变量,变量的值会被转换为Boolean类型 |
Number | 数字 | 1 , 2.5
|
String | 字符串 | "string"
|
Array | 数组 | [ 1, "string" ]
|
Object | 对象 | { key: value }
|
EventHandler | 事件处理函数名 | "handlerName" 是 Page 中定义的事件处理函数名 |
Any | 任意属性 |
所有组件都有以下属性:
属性名 | 类型 | 描述 | 注解 |
---|---|---|---|
id | String | 组件的唯一标示 | 保持整个页面唯一 |
class | String | 组件的样式类 | 在对应的 WXSS 中定义的样式类 |
style | String | 组件的内联样式 | 可以动态设置的内联样式 |
hidden | Boolean | 组件是否显示 | 所有组件默认显示 |
data-* | Any | 自定义属性 | 组件上触发的事件时,会发送给事件处理函数 |
bind* / catch* | EventHandler | 组件的事件 | 详见事件 |
几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰,请参考各个组件的定义。
插件功能页插件功能页从小程序基础库版本2.1.0开始支持。某些接口不能在插件中直接调用(如wx.login),但插件开发者可以使用插...
判断结构要求程序员指定要由程序评估或测试的一个或多个条件,以及条件为真时要执行的语句(必需的)和条件为假时要执行的语句(...
具有两个维度(即,下标)的数组通常表示由排列在行和列中的信息组成的值的表格。以下是多维数组的关键特性:为了识别特定的表格...
在此示例中,当按下按钮时,文本字符串作为键盘输入发送到计算机。字符串报告按钮被按下的次数。一旦你完成了Leonardo版的程序化...
Electron 基于 Chromium,所以需要一个显示驱动使其运转。如果 Chromium 无法找到一个显示驱动, ELectron 会启动失败,因此无论...
powerSaveBlocker模块是用来阻止应用系统进入睡眠模式的,因此这允许应用保持系统和屏幕继续工作.例如:const powerSaveBlocker =...
Chrome 开发工具指南谷歌 Chrome 开发工具,是基于谷歌浏览器内含的一套网页制作和调试工具。开发者工具允许网页开发者深入浏览...
Tableau中的重要过滤选项之一是对已存在的过滤器应用一些条件。 这些条件可以非常简单,例如只找到高于一定数量的销售,或者它可...
介绍DateChooser控件用于显示月份的名称,年份和月份的网格,其中列标有星期几。DateChooser控件允许用户选择日期,日期范围或多...