第一節什麼是小程式，為什麼要選擇它？

這是小程式基礎系列的第一節內容，我們要的就是基礎，簡單就入門了小程式，讓前端小白都能知道小程式到底是怎麼運作的。

如果你是前端小白或有基礎想學小程式，請過來看看。如果你已經掌握了小程式基礎知識，那麼這個系列可能不適合你。

學習目標：

01、小程式的使用趨勢

02、什麼是mvvm

03、小程式的優勢

04、小程式的應用場景

01、小程式的使用趨勢我先給大家看看下面兩張圖

如果在pc端，檢視切換用a標籤或者window.location.href跳轉還是常規操作，如果是在移動端，這就尷尬了，一直在loading…

如果移動端頻繁的這樣a標籤跳轉，使用者體驗將會是有多差，不知道你願不願意這樣等待，反正我是不願意等，其次，當使用者輸入內容的時候，ajax請求後需要重新整理資料，此時的做法只能是重新整理頁面才能達到重新整理資料的效果，並不能做到只更新資料而不重新整理檢視。

這些互動和體驗上的不足，難道就沒有方法可以解決了嗎? 現在方法來了，使用小程式開發就可以解決這些問題。

02、什麼是mvvm

mvvm就是：view—viewmodel—model三部分組成

左側的view就是頁面dom檢視，右側的model就相當於資料物件

資料物件資訊例如：

中間的viewmodel監控著就監控著資料的變化，如果你在model層把name值改為mr.chen，那麼相對應的view層的mr.zhang也隨即變成了「mr.chen」，這個過程就由viewmodel來完成，整個過程不需要你重新整理檢視，只需要改變資料就可以了。

(是不是感覺很方便呢？再也不用操作dom了。)

為什麼在這裡說到mvvm呢？因為小程式的本質也是mvvm框架。

(拓展一下：屬於mvvm框架的還有vue.js，react.js，angular.js)

03、小程式的優勢

04、小程式的應用場景

如果你長期使用jquery頻繁操作dom來更新頁面，那麼你可以用小程式來解放你的dom操作了。（不操作dom,只運算元據）

如果你的專案中有多個部分都是相同的，可以用js進行封裝成乙個元件，那麼你可以用小程式元件化和模組化來試試了。（元件化和模組化）

05、本節小結

小程式的開發則有所不同，需要經過申請小程式帳號、安裝小程式開發者工具、配置專案等等過程方可完成。

第一節 什麼是小程式，為什麼要選擇它？