小程序-1

学习的视频资料:https://www.bilibili.com/video/av23470615?from=search&seid=11497963770759017136

小程序注册+开发工具下载。。。

小程序代码结构与基本配置:

app.js:注册微信小程序的应用。

app.json:小程序的全局配置。

app.wxss:全局样式。

pages:存放所有的一个小程序页面。每个页面最多由四个文件组成,分别是:

js页面:处理小程序的逻辑和一些数据交互。

json页面:微信小程序页面的一个配置信息。

wxml页面:小程序页面的一些元素和内容。

wxss页面:设置小程序页面的样式。

还有一些其他的,比如说:

util.js:存放了一些工具的函数。可以达到代码复用的目的。

 

微信小程序有5个版本:

预览版本–开发版本–体验版本–审核版本–线上版本

 

WXML-语法

开始标签+结束标签 在开始标签里可以传入一些属性

要严格闭合,大小写敏感。

WXML-语言特性

数据绑定,列表渲染,条件渲染,模板引用。

数据绑定:

Mustache: {{变量}} 组件,属性要小写

hidden 隐藏属性

列表渲染:

用wx:for 来绑定数组;wx:for-item指定想要的变量名;wx:key项目的唯一标识符。

发表评论

电子邮件地址不会被公开。