1、app至少需要两个文件：
app.js：注册一个app
app.json：app的配置
2、一个页面至少有4个文件：
page.js：注册一个页面
page.json：配置
page.wxml：描述
page.wxss：布局

4个文件：

json

json文件就是一个配置文件，分为三种配置文件
1.app.json：整个app的全局配置，包括页面路径、全局UI配置、网络配置等
2.project.config.json：工具配置
3.page.json：和app.json一样，不同的是，page.json针对的是单个页面的配置

wxml

描述页面的结构，类似于html

wxss

描述页面的样式，类似于css。告诉页面的排版，是居中还是置顶，大小是多少等等

js

处理交互，其中包括生命周期的处理。比如app.js中就有onLaunch、onShow等函数的调用，page.js中就有onLoad、data等函数的调用，还包括自定义的一些交互方法。
app.js：通过app函数，传入一个对象，注册一个小程序，通过各种函数来控制小程序的生命周期、交互等
page.js：同app.js，针对的是单个页面

7个基本文件：

app.json
app.js

page.json
page.js
page.wxss
page.wxml

project.config.json

四中基本的文件类型

.json

json分为三种类型，一种是全局配置json，一种是页面配置jason，最后一种是工具配置json。全局配置的json一般在目录最顶层，作用于所有页面。页面配置json一般和要修饰的页面处于同一文件层级，用于修饰特定的页面，某一个属性在全局json和页面json都设置的情况下，页面jason优先级大于全局配置json。

json和javascript不同，不支持undefined类型，其支持的类型如下：
1、数字，包含浮点数和整数
2、字符串，需要包裹在双引号中
3、Bool值，true 或者 false
4、数组，需要包裹在方括号中 []
5、对象，需要包裹在大括号中 {}
6、Null

project.config.json用于配置工具，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

.wxml

类似html，用于描述页面的布局。只用于修饰单个页面。

.wxss

类似于css，用于描述页面的样式。按照修饰的范围分为全局样式和页面样式。app.wxss作用于所有页面，page.wxss作用于单个特定页面。

.js

js脚本，按照修饰的范围分为全局脚本和页面脚本。js文件不仅仅可以使用javascript代码来完成页面中的交互，还可以调用微信提供的强大的api，例如使用wx.getUserInfo
来获取用户头像。

小程序结构如图：

小程序的结构

为了演示效果，页面相关的文件没有使用文件夹。

css如何使用？？

app的加载过程

1、下载代码包；
2、运行app.js中的App()方法，注册小程序app实例，并且这个实例是全局共享，一直存在的；
3、通过app.json中的page字段获取首页并加载；
4、根据app.json中的其他配置加载全局配置，比如tab等；
5、加载完成后回调app.js中的app方法中的onlaunch方法
6、通过app实例循环监听、回调等等直到小程序结束

小程序快速入门：小程序的基本结构相关推荐

视频教程-微信小程序快速入门视频课程-微信开发
微信小程序快速入门视频课程北京八维研修学院技术工程师,5年大型项目实战开发经验,3年授课经验. 孟宪杰 ¥168.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 AP ...
微信小程序快速入门+四个实战小程序（一）——入门准备
一)系列达成目标介绍二)小程序创建的准备 1)注册开发者账号 2)下载编译器 ------------------------------------------------------ 一)系列达 ...
微信小程序快速入门【一】
微信小程序快速入门[一] 文章目录微信小程序快速入门[一]
DirectShow应用程序快速入门
作者:suntaoznz 转自:http://blog.csdn.net/suntaoznz/article/details/600493 目录(?)[+] DirectShow应用程序快速入门摘要 ...
DMETL快速入门小例子
※DMETL的使用通常可以分为五个主要步骤:创建数据源.创建工程. 设计转换.设计作业和查看运行日志五个步骤. 下面以一个示例说明上述过程,该示例的功能是将BOOKSHOP示例库中的EMPLOYEE ...
使用ST TOOLS的STVP烧写程序快速入门
使用ST TOOLS的STVP烧写程序快速入门首先要对软硬件进行初始配置,并正确设备连接. 打开STVP,点击菜单栏中的"Configure -> Configure ST Visu ...
微信小程序快速入门 --项目介绍
小程序项目的基本构成 ① pages 用来存放所有小程序的页面 ② utils 用来存放工具性质的模块(例如:格式化时间的自定义模块) ③ app.js 小程序项目的入口文件 ④ app.json 小 ...
《微信小程序》入门小程序-商城小demo的实现
前言承接上一篇<入门小程序>,希望通过这个简单的商城demo可以更好的学习并理解微信小程序的开发: (PS:本文接口和图片资源来自于某位老师的网课,为了防止说打广告,因此不放链接了,布局 ...
qt开发界面程序快速入门总结
前言要使用qt设计一款上位机,从保存的数据文件中显示时域.频域图. QT基本概念及其下载我参考了C语言中文网.里边有比较全面的QT基本概念以及下载教程.对于版本的选择,用于公司开发的话,比较稳定的 ...
java程序员入门_Java程序员入门：简介
java程序员入门背景 Go (通常称为" Golang")是一种相当新的编程语言,于2007年首次提出,并于2012年发布了1.0版.它的三位发明者目前都是Google员工,具 ...

小程序快速入门：小程序的基本结构