链接：https://pan.baidu.com/s/1VAYypmhKh7n4JNWUUYXzqw 

提取码：ggx5

一、什么是小程序

官方解释：微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

我认为，小程序是微信生态的一部分, 它提供了一种更加方便和高效的用户交互方式。

二、小程序为我们带来了什么？

1、便捷性

如果我们使用的是普通的手机App，我们设想一下使用普通App的基本流程

 

这个过程看起来非常的复杂，我们来看一下如果是使用微信小程序：

 

不难看出微信小程序使用起来更加的便捷，省去了下载和安装App的麻烦，也不用再去注册账号，直接通过微信登录即可使用。

我们可以设想一个场景:

老爸非常喜欢斗地主，如果是使用传统的手机App，老爸需要自己去应用商城去下载并且安装斗地主的App（这个过程对于他们来说是麻烦的），安装完后打开程序，注册的部分也是麻烦的。后期还要管理App，我们知道父母的手机桌面是非常杂乱的，有些App被误操作所安装，给手机的存储造成了压力，手机日渐卡顿…..

2、几乎不占用手机内存空间

小程序不需要安装, 而且有规定的大小(目前不能超过8M，包括在使用分包的情况下)

3、让手机桌面更加的简洁

不需要下载App, 就不需要花时间来管理自己的App了，手机的桌面也不再杂乱无章

4、远好于公众号和H5页面的体验

比如寄顺丰快递，使用公众号和小程序的体验差异非常大

之前寄快递需要扫码关注公众号，然后再通过一个模块点进去（非常麻烦，并且很慢）。

三、小程序开发的必要性

由于小程序有这么多的好处，使用小程序的用户也越来越多，那么从公司的角度来说，有自己的小程序就非常有必要。一方面，为了给用户带来更加便捷的使用体验，需要开发对应一款小程序：

开发出来的小程序，用户体验优于H5的体验，并且底层可以调用原生的各种接口

一端开发，多端运行（IOS,Android）

另一方面，必须抢占小程序的市场，你不开发，竞争对手就会开发，此时大量用户将会流向竞争对手，当用户丢失，此时在着手于小程序的开发已经来不及了。

四、学习小程序

1、小程序目录结构

 

2、MVVM模型

 

后端开发有MVC，前端随着这些年来的不断发展，也开始形成一些设计的规范，这些设计规范都是为了简化开发，提高开发效率，同时也方便维护。由于前端框架的出现，比如vuejs使前端仿效于后端出现了MVVM的模式，让前端的数据与页面实现解耦，同时也提高了代码的可重用性。

 

MVVM优点：

DOM Listeners: ViewModel层可以将DOM的监听绑定到Model层

Data Bindings: ViewModel层可以将数据的变量, 响应式的反应到View层

 

MVVM架构将我们从 命令式编程 转移到 声明式编程 （对比原生的JS或者JQuery操作DOM和Vuejs管理DOM树）

命令式编程：命令式编程的主要思想是关注计算机执行的步骤，即一步一步告诉计算机先做什么再做什么。

声明式编程：告诉计算机应该作什么，而不具体到每步（比如SQL）

函数式编程：Lambda表达式 （Java 1.8之后就有此特性，ES中通常叫做箭头函数）

五、学习小程序2

1、主要的配置文件

project.config.json：项目配置文件, 比如项目名称、appid等

sitemap.json：小程序搜索相关的配置

app.json：全局配置