一、在小程式裡面型別檔案

 1.js-就是js邏輯指令碼檔案負責定義頁面資料、生命週期、事件方法

 2.json-就是json配置檔案負責全域性或某頁面的配置項

 3.wxml-就是模板檔案負責頁面結構，類似於我們知道的HTML

 4.wxss-就是樣式檔案負責頁面樣式。類似於我們知道的CSS

二、JSON配置

1.app.json配置 是全域性配置--包括小程式所有頁面的路勁、介面表現，網路超時時間，底部tab.

    pages--描述小程式所有頁面的路徑

    window--定義所有小程式頁面頂部背景顏色，文字顏色定義

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/video/video"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarTitleText": "首頁",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTextStyle": "black"
  }
}

2.工具配置project.config.json

 在開發工具上做的任何配置都會寫到這個檔案，從新安裝開發工具或者換電腦載入同一個程式碼包，就會恢復到開發之前這個專案的配置。

3.頁面配置 page.json

  page.json也就是頁面中的logs/logs.json 用於單獨修改頁面的樣式，頭部顏色什麼的，每一個頁面單獨的屬性。

4.whml模板

  跟html類似，用於描述當前這個頁面的結構

5.wxss樣式

  新增了尺寸單位 --可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iPhone6 上，螢幕寬度為375px，共有750個物理畫素，則750rpx = 375px = 750物理畫素，1rpx = 0.5px = 1物理畫素。

  提供了全域性的樣式和區域性樣式--app.wxss作為全域性樣式，而頁面資料夾內logs.wxss就是當前這個頁面的區域性樣式

  此外 WXSS 僅支援部分 CSS 選擇器

6.js互動邏輯

  在小程式中沒有DOM操作，只能操作資料的