微信小程序的模版与配置。1.使用WXML模版语法~渲染页面结构

微信小程序的模版与配置。1.使用WXML模版语法~渲染页面结构微信小程序的模版与配置 包括五个内容 1 使用 WXML 模版语法 渲染页面结构 2 使用 WXSS 模版样式 美化页面结构 3 使用 app json 进行全局配置 4 使用 page json 进行页面配置 5 发起网络数据请求这次详细介绍 1

欢迎大家来到IT世界,在知识的湖畔探索吧!

微信小程序的模版与配置,包括五个内容

1.使用WXML模版语法~渲染页面结构

2.使用WXSS模版样式~美化页面结构

3.使用app.json进行全局配置

4.使用page.json进行页面配置

5.发起网络数据请求

这次详细介绍:1.使用WXML模版语法~渲染页面结构

关键点1:数据绑定 = 在data中定义数据(在页面对应的.js文件中,把数据定义到data对象中) + 在wxml页面结构中使用数据(使用双大括号把数据括起来,即小程序的Mustache语法,可以把数据渲染到页面)

Mustache语法主要用于绑定内容、绑定属性和运算。

关键点2:事件包括1.手指轻触click的tap事件(通过bindtap)2.文本框输入的input事件(通过bindinput)3.状态改变时触发的change事件(通过bindchange)

每个事件event包含七个属性,分别是1.事件类型type属性、2.页面打开至触发事件的毫秒数timeStamp属性、3.事件组件对应的属性值target属性、4.当前组件属性值currentTarget属性、5.额外的信息detail属性、6.事件触发时触摸点信息的数组touches属性、7.事件触发时变化的触摸点信息的数组changedTouches属性,通过event.属性使用。

小知识点:

页面组成部分

pages文件夹展开,包括两个文件夹,分别是index文件夹首页文件 和logs文件夹日志文件。其中,每个页面均由4个基本文件组成:

.js文件 页面的脚本文件,页面逻辑,存放页面的数据、事件处理函数等

.json 配置窗口的外观表现等,是 当前页面的配置文件

.wxml 当前页面的模版结构文件

.wxss 当前页面的样式表文件

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/86062.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信