【纯小白教程系列】小程序开发——框架分析

上一期我们已经对小程序的开发者工具已经有了一个整体的大概了解，这一期我们需要了解的是小程序的基本内部结构，也就是一个小程序到底都是由哪些文件组成的，以及它究竟是怎样工作的。

首先我们先新建一个小程序项目：

项目源代码文件分析

然后我们分析一下刚刚建好的项目里的源代码文件。

名词解释

WXML（WeiXin Markup language），相当于Web前端语言里的HTML。WXSS（WeiXin Style Sheet），相当于Web前端语言里的CSS。

小程序APP总体组成

app.js、app.json、app.wxss三个文件必须放在根目录下，其中app.wxss文件是可选的，如果缺失的话不会影响程序正常运行。pages文件中.wxss跟.json文件是可选的。

MINA框架

小程序框架的核心是一个响应的数据绑定系统，整个系统分为视图层（View）和逻辑层（App Service）。 框架提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统。整个框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。

前两天的图文因为涉及到翻墙相关内容被官方删了，从去年下半年开始政府对翻墙的管制是越来越严了。所以把上一期的内容重新整理了一下。

还有就是从下一期开始我们的内容开始会涉及到许多Web前端的JS语法知识，所以从这期开始同步更新了Web前端的JS教程。

上一期：小程序开发——微信开发者工具的认识

下一期：小程序开发——全局配置

往期分享

【无删减】电影系列

美国往事丨如果你的一生只能看一部电影的话，那就看这一部吧

春夏秋冬又一春丨那么小就当和尚，好伤心啊

蝴蝶丨我比你年轻，我还有余力等你（les题材）

荒野生存丨我想那么年轻，干净，那么寂寞地活着，直到可以突然失踪在马路上的那一天

【纯小白】教程系列

小程序丨0基础要怎么自学小程序开发

小程序丨小程序开发环境搭建和布署

小程序丨微信开发者工具的认识

【超实用】工具系列

Chrome开发者工具（不完全）指南

AutoCAD 2018(附软件+注册机)