小程序——基础知识总结（不喜勿喷）

1.项目文件目录

(1)
整体的App结构是 APPèpagesè插件，一开始学习时本人直接删除了所有的pages和log，对于初学者来说上来一大堆代码是难以理解的，不如一个个添加，分步了解各个文件的功能为好！

(2)
这里附上一张结构图：

(3)
每个页面实际上都配置了.js和.wxml文件，.js文件来配置页面入口，wxml配置布局和图案。通过这两个文件来完成页面的渲染工作。

(4)
jion和.wxss分别是配置文件和样式文件，如果app.jion和app.wxss已经配置，则由后者决定。

(5)
app.js管理程序项目的启动入口

(6)
小程序开发软件有严格的格式要求，如在app.jion文件中若后续无其他函数，则不可加逗号。

(7)
任何一个小程序 app.jion是所有其他页面的入口，需要创建page({})来注册你写入的页面，一般会自动添加。

(8)
简单的来说.js 文件是最最基本的函数及基本逻辑，.jion是APP通向各个页面的入口，.wxml就是用到的web前段知识，.wxss是对其wxml做进一步的修饰（相当于.CSS和javascript）。

(9)
小程序的数据绑定——Mustache语法——控制变量

(10)
wx：for可实现对列表的便利，列表里有多个字典，同样需要用到Mustache语法对变量进行调用。

(11)
小程序的MVVM框架：

(12) 小程序把很多的开发需求被规定在了配置文件里。

(1)
这样保证了开发出来的小程序风格一致，方便我们开发，如导航栏，TabBar等等。

(2)
有project.config.json:项目配置文件

(3)
sitemap.json：小程序搜索相关

(4)
app.json和page.json

(13)
下面是小程序必须要进行的配置：

小程序的双线程模型：

下面就附上几张wxml结合JS的渲染UI界面的流程以及数据发生变化是的diff算法：