通俗易懂的小程序框架

微信小程序框架

逻辑层

• 用来处理业务逻辑
• JavaScript

视图层

• 用来渲染页面
• 视图层描述语言WXML
• 视图样式WXSS

微信小程序框架=逻辑层+视图层+json配置文件

目录结构介绍

微信小程序目录结构主要包含2个部分：

• 框架全局文件
• 框架页面文件
  

1. 框架全局文件
   框架全局文件包括4个文件：app.js，app.json，app.wxss，project.config.json。

   app.js：该文件用来定义全局数据和函数的使用，它可以指定微信小程序的生命周期函数。生命周期函数可以理解为微信小程序自己定义的函数，如：onLaunch，监听小程序初始化；onShow，监听小程序显示；onHide，监听小程序隐藏。该文件可对5个功能进行设置：配置页面路径，配置窗口表现，配置标签导航，配置网络超时，配置Debug模式。
   

   app.wxss：该文件对CSS样式进行了扩展，该文件是对所有页面定义的一个全局样式。如果页面重