微信小程序框架
逻辑层
- 用来处理业务逻辑
- JavaScript
视图层
- 用来渲染页面
- 视图层描述语言WXML
- 视图样式WXSS
微信小程序框架=逻辑层+视图层+json配置文件
目录结构介绍
微信小程序目录结构主要包含2个部分：
- 框架全局文件
- 框架页面文件
-
框架全局文件
框架全局文件包括4个文件：app.js，app.json，app.wxss，project.config.json。app.js：该文件用来定义全局数据和函数的使用，它可以指定微信小程序的生命周期函数。生命周期函数可以理解为微信小程序自己定义的函数，如：onLaunch，监听小程序初始化；onShow，监听小程序显示；onHide，监听小程序隐藏。该文件可对5个功能进行设置：配置页面路径，配置窗口表现，配置标签导航，配置网络超时，配置Debug模式。
app.wxss：该文件对CSS样式进行了扩展，该文件是对所有页面定义的一个全局样式。如果页面重新定义的样式与全局样式冲突，则全局样式会被覆盖。
project.config.json：小程序项目个性化配置文件。开发者针对各自喜好做一些个性化配置，如界面颜色、编译配置等。换机器重新安装开发工具需重新配置，每个项目根目录下均会生成此文件。
-
框架页面文件
框架页面文件主要由5个文件组成：
| 文件类型 | 作用 |
|---|---|
| js | 页面逻辑 |
| json | 页面配置 |
| wxml | 页面结构 |
| wxs | 小程序脚本语言 |
| wxss | 页面样式表 |
注意：框架页面文件都放置在pages文件夹下