当前位置:   article > 正文

【小程序 - 基础】WXML、WXSS语法以及小程序的配置、网络数据请求_03

wxss

目录

一、WXML模板语法

1. 数据绑定

1.1 数据绑定的基本原则

1.2 在 data 中定义页面的数据

1.3 Mustache 语法的格式

1.4 Mustache 语法的应用场景

2. 事件绑定

2.1 什么是事件

2.2 小程序中常用的事件

2.3 事件对象的属性列表

2.4 target 和 currentTarget 的区别

2.5 bindtap 的语法格式

2.6 在事件处理函数中为 data 中的数据赋值

2.7 事件传参

2.8 bindinput 的语法格式

2.9 实现文本框和 data 之间的数据同步

3. 条件渲染

3.1 wx:if

3.2 结合 使用 wx:if

3.3 hidden

3.4 wx:if 与 hidden 的对比

4. 列表渲染

4.1 wx:for

4.2 手动指定索引和当前项的变量名

4.3 wx:key 的使用

5. 模板

5.1 定义模板

5.2 使用模板

5.3 模板的作用域

6. 引用

6.1 import

6.2 include

二、WXSS模板样式

1. WXSS

1.1 什么是 WXSS

1.2 WXSS 和 CSS 的关系

2. rpx

2.1 什么是 rpx 尺寸单位

2.2 rpx 的实现原理

2.3 .rpx 与 px 之间的单位换算

3. 样式导入

3.1 什么是样式导入

3.2 @import 的语法格式

4. 内联样式

5. 选择器

6. 全局样式和局部样式

4.1 全局样式

4.2 局部样式

三、全局配置

1. 全局配置文件及常用的配置项

1.1 window

1.2 tabBar

1.3 案例:配置 tabBar

四、页面配置

1. 页面配置文件的作用

2. 页面配置和全局配置的关系

3.页面配置中常用的配置项

五、网络数据请求

1. 小程序中网络数据请求的限制

2. 配置 request 合法域名

3. 发起 GET 请求

4. 发起 POST 请求

5. 在页面刚加载时请求数据

6. 跳过 request 合法域名校验

7. 关于跨域和 Ajax 的说明


一、WXML模板语法

1. 数据绑定

1.1 数据绑定的基本原则

① data 中定义数据

② WXML 中使用数据

1.2 data 中定义页面的数据

在页面对应的 .js 文件中,把数据定义到 data 对象中即可:

1.3 Mustache 语法的格式

data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可。语法格式为:

1.4 Mustache 语法的应用场景

Mustache 语法的主要应用场景如下:

● 绑定内容

● 绑定属性

● 运算(三元运算、算术运算等)

1.4.1 动态绑定内容

页面的数据如下:

页面的结构如下:

 1.4.2 动态绑定属性

页面的数据如下:

页面的结构如下:

1.4.3 三元运算

页面的数据如下:

页面的结构如下:

 1.4.3 算术运算

页面的数据如下:

页面的结构如下:

2. 事件绑定

2.1 什么是事件

事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/705733
推荐阅读
相关标签