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

提取碼：ggx5

一、什么是小程序

官方解釋：微信小程序是一種全新的連接用戶與服務(wù)的方式，它可以在微信內(nèi)被便捷地獲取和傳播，同時具有出色的使用體驗。

我認(rèn)為，小程序是微信生態(tài)的一部分, 它提供了一種更加方便和高效的用戶交互方式。

二、小程序為我們帶來了什么？

1、便捷性

如果我們使用的是普通的手機App，我們設(shè)想一下使用普通App的基本流程

 

這個過程看起來非常的復(fù)雜，我們來看一下如果是使用微信小程序：

 

不難看出微信小程序使用起來更加的便捷，省去了下載和安裝App的麻煩，也不用再去注冊賬號，直接通過微信登錄即可使用。

我們可以設(shè)想一個場景:

老爸非常喜歡斗地主，如果是使用傳統(tǒng)的手機App，老爸需要自己去應(yīng)用商城去下載并且安裝斗地主的App（這個過程對于他們來說是麻煩的），安裝完后打開程序，注冊的部分也是麻煩的。后期還要管理App，我們知道父母的手機桌面是非常雜亂的，有些App被誤操作所安裝，給手機的存儲造成了壓力，手機日漸卡頓…..

2、幾乎不占用手機內(nèi)存空間

小程序不需要安裝, 而且有規(guī)定的大小(目前不能超過8M，包括在使用分包的情況下)

3、讓手機桌面更加的簡潔

不需要下載App, 就不需要花時間來管理自己的App了，手機的桌面也不再雜亂無章

4、遠好于公眾號和H5頁面的體驗

比如寄順豐快遞，使用公眾號和小程序的體驗差異非常大

之前寄快遞需要掃碼關(guān)注公眾號，然后再通過一個模塊點進去（非常麻煩，并且很慢）。

三、小程序開發(fā)的必要性

由于小程序有這么多的好處，使用小程序的用戶也越來越多，那么從公司的角度來說，有自己的小程序就非常有必要。一方面，為了給用戶帶來更加便捷的使用體驗，需要開發(fā)對應(yīng)一款小程序：

?開發(fā)出來的小程序，用戶體驗優(yōu)于H5的體驗，并且底層可以調(diào)用原生的各種接口

?一端開發(fā)，多端運行（IOS,Android）

另一方面，必須搶占小程序的市場，你不開發(fā)，競爭對手就會開發(fā)，此時大量用戶將會流向競爭對手，當(dāng)用戶丟失，此時在著手于小程序的開發(fā)已經(jīng)來不及了。

四、學(xué)習(xí)小程序

1、小程序目錄結(jié)構(gòu)

 

2、MVVM模型

 

后端開發(fā)有MVC，前端隨著這些年來的不斷發(fā)展，也開始形成一些設(shè)計的規(guī)范，這些設(shè)計規(guī)范都是為了簡化開發(fā)，提高開發(fā)效率，同時也方便維護。由于前端框架的出現(xiàn)，比如vuejs使前端仿效于后端出現(xiàn)了MVVM的模式，讓前端的數(shù)據(jù)與頁面實現(xiàn)解耦，同時也提高了代碼的可重用性。

 

MVVM優(yōu)點：

DOM Listeners: ViewModel層可以將DOM的監(jiān)聽綁定到Model層

Data Bindings: ViewModel層可以將數(shù)據(jù)的變量, 響應(yīng)式的反應(yīng)到View層

 

MVVM架構(gòu)將我們從 命令式編程 轉(zhuǎn)移到 聲明式編程 （對比原生的JS或者JQuery操作DOM和Vuejs管理DOM樹）

命令式編程：命令式編程的主要思想是關(guān)注計算機執(zhí)行的步驟，即一步一步告訴計算機先做什么再做什么。

聲明式編程：告訴計算機應(yīng)該作什么，而不具體到每步（比如SQL）

函數(shù)式編程：Lambda表達式 （Java 1.8之后就有此特性，ES中通常叫做箭頭函數(shù)）

五、學(xué)習(xí)小程序2

1、主要的配置文件

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

sitemap.json：小程序搜索相關(guān)的配置

app.json：全局配置