m0_67198021的博客

小程序组件中的各个属性

概念：纯数据字段指的是那些不用于界面渲染的data字段。应用场景：例如有些情况下，某些data中的字段既不会展示在界面上，也不会传递给其他组件，仅仅在当前组件内部使用。带有这种特性的data字段适合被设置为纯数据字段。好处：纯数据字段有助于提升页面更新的性能。在Component构造器的options节点中，指定pureDataPattern为一个正则表达式，字段名称符合这个正则表达式的字段将成为纯数据字段，示例代码如下：...

在自定义组件的wxml结构中，可以提供一个节点（插槽），用于承载组件使用者提供的wxml结构。在小程序中，默认每个自定义组件中只允许一个进行占位，这种个数上的限制叫做单个插槽。3.启用多个插槽在小程序的自定义组件中，需要使用多插槽时，可以在组件的.js文件中，通过如下方式进行启用。示例代码如下：4.定义多个插槽可以在组件的.wxml中使用多个标签，以不同的name来区分不同的插槽。示例代码如下：5.使用多个插槽在使用带有多个插槽的自定义组件时，需要用slot属性来将节点插入到不同的中。示例代码如

数据监听器用于监听和响应任何属性和数据字段的变化，从而执行特定的操作。他的作用类似于vue中的watch侦听器。在小程序组件中，数据监听器的基本语法格式如下：2.数据监听器的基本用法组件的UI结构如下：组件的.js文件代码如下:3.监听对象属性的变化数据监听器支持监听队形中单个或多个属性的变化，示例语法如下：...

小程序组件可以用的全部生命周期如下表所示：在小程序组件中，最重要的生命中远期函数有3个，分别是created、attached、detached。它们各自的特点如下：组件实例刚被创建好的时候，created生命周期函数会被触发在组件完全初始化完毕、进入页面节点树后，attached生命周期函数会被触发在组件离开页面节点树后，detached生命周期函数会被触发在小程序组件中，声明周期函数可以直接定义在Component构造器的第一级参数中，可以在lifetimes字段内进行声明（这是推荐的方式，其优先级最高

属性绑定用于实现父向子传值，而且只能传递普通类型的数据，无法将方法传递给子组件。父组件的示例代码 如下：子组件在properties节点中声明对应的属性并使用。示例代码如下：3.事件绑定事件绑定用于实现子向父传值，可以传递任何类型的数据。使用步骤如下：步骤1：在父组件的js中，定义一个函数，这个函数即将通过自定义事件的形式，传递给子组件。步骤2：在父组件的wxml中，通过自定义事件的形式，将步骤1中定义的函数引用，传递给子组件。步骤3：在子组件的js中，通过调用this.triggerEven

WXS（WeiXin Script）是小程序独有的一套脚本语言，结合WXML，可以构建出页面的结构。wxml中无法调用在页面的.js中定义的函数，但是，wxml中可以调用wxs中定义的函数。因此，小程序中wxs的典型应用场景就是“过滤器”。虽然wxs的语法类似于JavaScript，但是wxs和JavaScript是完全不同的两种语言：wxs 代码可以编写在wxml文件中的标签内，就像JavaScript代码可以编写在html文件中的标签内一样。wxml文件中的每个标签，必须提供module属性，用来指定当

默认情况下，自定义组件的样式只对当前组件生效，不会影响到组件之外的UI结构。好处：建议：在组件和引用组件的页面中建议使用class选择器，不要使用id、属性、标签选择器！默认情况下，自定义组件的==样式隔离特性能够防止组件内外样式相互干扰的问题==。但有时，我们希望在外界能够控制组件内部的样式，此时，可以通过stylelsolation修改组件的样式隔离选项，用法如下：...

为了保证目录结构的清晰，建议把不同的组件，存放到单独目录中。组件引用方式分为“局部引用”和“全局引用”，顾名思义：在页面的.json配置文件中引用组件的方式，叫做“局部引用”。实例代码如下：4.全局引用组件在app.json全局配置文件中引用组件的方式，叫做“全局引用”。示例代码如下：5.全局引用VS局部引用根据组件的使用频率和范围，来选择合适的引用方式：从表面来看，组件和页面都是由.js、.json、.wxml和.wxss这个四个文件组成。但是组件和页面的.js与.json文件有明显...

小程序网络请求相关知识

页面导航指的是页面之间的相互跳转。例如，浏览器中实现页面导航的方式有如下两种：tabBar页面指的是被配置为tabBar的页面。在使用组件跳转到指定的tabBar页面时，需要指定url属性和open-type属性，其中：示例代码如下：​非tabBar页面指的是没有被配置为tabBar的页面。在使用组件跳转到普通的非tabBar页面时，则需要指定url属性和open-type属性，其中：注意：为了简便，在导航到非tabBar页面时，open-type=“navigate”属性可以省略如果要后退到上一页面或

WXML模板语法-条件渲染

简介WXSS模板样式

小程序宿主环境简介

简介小程序的代码构成

介绍小程序的全局配置