微信小程序项目结构主要有四个文件类型:wxml;wxss;json;js
.WXML
是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。
例如、button sweiper
.WXSS
(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。
但是他跟css有一定的区别,例如单位、css使用px、wxss使用rpx
.js
逻辑处理,网络请求。
例如.绑定事件中传递参数
绑定事件事件中的参数传递 在wxml中新建一个标签并绑定bindtap事件 使用data-参数名(参数名不能大写)={{参数}}
js里面新建一个函数 函数名和事件调用的名称一样并传递一个参数e,然后通过e.currentTarget.dataset.(参数名,值) 获取
.json
小程序设置,如页面注册,页面标题及tabBar。
app.json
必须要有这个文件,如果没有这个文件,项目无法运行,因为微信框架把这个作为配置文件入口,整个小程序的全局配置。包括页面注册,网络设置,以及小程序的window背景色,配置导航条样式,配置默认标题。
app.js
必须要有这个文件,没有也是会报错!但是这个文件创建一下就行 什么都不需要写以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。