2024年小程序微信小程序(通用3篇)

小程序微信小程序 第1篇

小程序提供了两种不同的成员角色:项目成员体验成员

项目成员:参与小程序开发、运营的成员,可登陆小程序管理后台,包括运营者、开发者及数据分析者。管理员可在“成员管理”中添加、删除项目成员,并设置项目成员的角色。

体验成员:参与小程序内测体验的成员,可使用体验版小程序,但不属于项目成员。管理员及项目成员均可添加、删除体验成员。

小程序微信小程序 第2篇

组件的引用方式分为“局部引用”和“全局引用” (1)局部引用:组件只能在当前被引用的页面内使用,在哪个页面的 .json文件中引用,就在哪个页面的 .wxml文件中使用 (2)全局引用:在 全局配置文件中引用组件的方式,叫做“全局引用”。在任意页面都可以使用

从表面来看,组件和页面都是由 .js、.json、.wxml 和 .wxss 这四个文件组成的。但是,组件和页面的 .js 与 .json 文件有明显的不同: (1)组件的 .json 文件中需要声明 “component”: true 属性 (2)组件的 .js 文件中调用的是 Component() 函数,页面是Page()函数 (3)组件的事件处理函数需要定义到 methods 节点中,页面的事件处理函数跟data平级即可

(1)默认情况下,自定义组件的样式只对当前组件生效,不会影响到组件之外的 UI 结构,如图所示: ①组件 A 的样式不会影响组件 C 的样式 ②组件 A 的样式不会影响小程序页面的样式 ③小程序页面的样式不会影响组件 A 和 C 的样式 (2)好处: ①防止外界的样式影响组件内部的样式 ②防止组件的样式破坏外界的样式 (3)组件样式隔离的注意点: ①中定义的全局样式在组件中使用是无效的 ②只有class选择器会有样式隔离效果,id选择器、样式选择器、标签选择器不受样式隔离的影响。 建议:在组件和引用组件的页面中使用class选择器,不要使用id、属性、标签选择器 (4)修改组件的样式隔离选项 默认情况下,自定义组件的样式隔离特性能够防止组件内外样式互相干扰的问题。但有时,我们希望在外界能够控制组件内部的样式,此时,可以通过 styleIsolation 修改组件的样式隔离选项,用法如下: ①styleIsolation 的可选值

②可以在组件的 .js文件/ .json中配置

(1)data 数据 在小程序组件中,用于组件模板渲染的私有数据,需要定义到 data 节点中,示例如下:

(2)methods 方法 在小程序组件中,事件处理函数和自定义方法需要定义到 methods 节点中,示例代码如下:

(3)properties 属性 在小程序组件中,properties 是组件的对外属性,用来接收外界传递到组件中的数据,示例代码如下: (4)data 和 properties 的区别 在小程序的组件中,properties 属性和 data 数据的用法相同,它们都是可读可写的,只不过: ①data 更倾向于存储组件的私有数据 ②properties 更倾向于存储外界传递到组件中的数据 (5)使用 setData 修改 properties 的值 由于 data 数据和 properties 属性在本质上没有任何区别,因此 properties 属性的值也可以用于页面渲染,或使用 setData 为 properties 中的属性重新赋值,示例代码如下:

(1)数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。在小程序组件中,数据监听器的基本语法格式如下: (2)数据监听器的基本用法 ①组件的 UI 结构如下: ②组件的 .js 文件代码如下:

(3)监听对象属性的变化 数据监听器支持监听对象中单个或多个属性的变化,示例语法如下:

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

(1)在自定义组件的 wxml 结构中,可以提供一个 节点(插槽),用于承载组件使用者提供的 wxml 结构。slot只是一个占位,让使用者来决定这里填充什么。

在小程序中,默认每个自定义组件中只允许使用一个 进行占位,这种个数上的限制叫做单个插槽。

在小程序的自定义组件中,需要使用多 插槽时,可以在组件的 .js 文件中进行启用。

小程序微信小程序 第3篇

(1)WXSS (WeiXin Style Sheets)是一套样式语言,用于美化 WXML 的组件样式,类似于网页开发中的 CSS。 (2)WXSS 具有 CSS 大部分特性,同时,WXSS 还对 CSS 进行了扩充以及修改,以适应微信小程序的开发。 与 CSS 相比,WXSS 扩展的特性有: ①rpx 尺寸单位 ②@import 样式导入

(1)rpx 的实现原理非常简单:鉴于不同设备屏幕的大小不同,为了实现屏幕的自动适配,rpx 把所有设备的屏幕,在宽度上等分为 750 份(即:当前屏幕的总宽度为 750rpx)。小程序在不同设备上运行的时候,会自动把 rpx 的样式单位换算成对应的像素单位来渲染,从而实现屏幕适配。 ①在较小的设备上,1rpx 所代表的宽度较小 ②在较大的设备上,1rpx 所代表的宽度较大

@import 后跟需要导入的外联样式表的相对路径,用 ; 表示语句结束。示例如下:

(1)全局样式:定义在 中的样式为全局样式,作用于每一个页面。 (2)局部样式:在页面的 .wxss 文件中定义的样式为局部样式,只作用于当前页面。 注意:当局部样式和全局样式冲突时,根据就近原则,局部样式会覆盖全局样式

猜你喜欢

热门内容

Copyright © 2024 上林网站建设费用 版权所有  网站地图
上林网站建设费用,一家专业营销型网站建设公司、响应式网站制作公司,提供企业响应式网站建设、自适应企业网站模板、营销型网站制作、响应式企业网站模板制作等服务。