摘要：什么是小程序先引用小龍哥的一句話來看看啥是小程序小程序是一種不需要下載安裝即可使用的應用，它實現了應用觸手可及的夢想，用戶掃一掃或者搜一下即可打開應用。也體現了用完即走的理念，用戶不用關心是否安裝太多應用的問題。

先引用小龍哥的一句話來看看啥是小程序？

小程序是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念，用戶不用關心是否安裝太多應用的問題。應用將無處不在，隨時可用，但又無需安裝卸載。   - Allen Zhang（張小龍）

從程序猿的角度來說：小程序就是依賴于微信平臺，利用小程序框架提供視圖層描述語言WXML、WXSS，以及JavaScript來實現一個具備原生體驗的Web應用。微信小程序相當于基于微信平臺造了一個React Native的輪子，通過JS的跨平臺性實現了一套代碼跨平臺部署、運行。

首先，我們先通過微信web開發者工具新建一個項目，項目建成后會自動生成下列文件。下文全部圍繞這個新建的項目來簡單的介紹一下小程序。

可以看出整個工程包括app.js、app.json、app.wxss，以及pages和utils目錄，后面我們一次介紹各個文件和目錄的作用。

其中app.js、app.json、app.wxss最為重要，他們為對整個小程序進行全局配置。

app.js，聲明小程序的整個生命周期、定義全局變量

app.json，對整個小程序起全局配置的作用，規定小程序包括哪些頁面、窗口的樣式、底部tab欄的樣式、網絡超時事件、是否開啟debug模式

app.wxss，這里的wxss類似于CSS，只不過是針對微信做了一部分拓展，定義了小程序的全局樣式

而pages目錄下面每一子目錄都代表了小程序中的一個頁面，而每一個頁面都由*.js、*.json、*.wxml、*.wxss組成，這里又出現了一個新的后綴wxml，同時再次出現了wxss，后面會解釋他倆是啥用的。先解釋一下，頁面中的這四種文件是干啥用的？

*.js，處理頁面的邏輯

*.json，處理頁面的配置

*.wxml，處理頁面的結構

*.wxss，處理頁面的樣式

為了減少配置同一個頁面目錄中的文件都需要以同一個名字命名，例如個人習慣將所有頁面目錄下面的文件都用index命名。

上面有提到app.json可以配置頁面的全局配置，而pages目錄下*.json則可以配置對應頁面window選項（窗口的樣式），那么我們到底可以配置哪些具體內容呢？

// app.json
{
    // 定義小程序中有哪些頁面
    "pages":[
        "pages/index/index",
        "pages/logs/logs"
    ],
    
    // 窗口的樣式
    "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "Demo",
        "navigationBarTextStyle":"black",
        "enablePullDownRefresh": true
    },
    
    // 底部tab的內容和樣式
    "tabBar": {
        // tab的具體內容
        "list": [
            {
              "pagePath": "pages/index/index",
              "text": "首頁"
            }, 
            {
              "pagePath": "pages/logs/logs",
              "text": "日志"
            }
        ]
    },
    
    // 設置不同請求的網絡超時
    "networkTimeout": {
        "request": 10000,
        "downloadFile": 10000
    },
    
    // 是否開啟debug模式，開啟debug模式之后可以在微信開發者工具的控制臺中看到整個APP，以及每個頁面的生命周期日志
    "debug": true
}

常用的配置都在這里了，根據配置的命名其實已經可以猜個大概啦，如果猜不出來可以參考文檔“配置”

工程中出現了一個新的后綴*.wxml，而WXML(Weixin Markup Language)是微信小程序框架設計出來的一種標簽語言，你可以直接把他理解成是微信定義了一套帶有特殊事件、效果、屬性的標簽，但本質上和